@font-face{font-family:Zain;src:url(fonts/Zain-Light.ttf) format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:Zain;src:url(fonts/Zain-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Zain;src:url(fonts/Zain-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Zain;src:url(fonts/Zain-ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}
:root{--amber:#EBA01D;--amber-l:#ffb93d;--amber-d:#8a5900;--ink:#0b0b0b;--ink2:#141414;--ink3:#232323;--g:#5c5c5c;--g2:#a3a3a3;--line:#e7e5e0;--bg:#f5f4f0;--w:1200px;--r:10px;--ease:cubic-bezier(.2,.7,.2,1);--slant:4.5vw}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:Zain,"Segoe UI",Tahoma,sans-serif;font-size:19px;line-height:1.65;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
[dir=rtl] body{font-size:20px;line-height:1.75}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
::selection{background:var(--amber);color:var(--ink)}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 28px}
.skip{position:absolute;top:-60px;inset-inline-start:16px;background:var(--amber);color:var(--ink);padding:10px 18px;font-weight:700;z-index:100;border-radius:0 0 8px 8px;transition:top .2s}
.skip:focus{top:0}
.progress{position:fixed;top:0;inset-inline-start:0;height:3px;width:100%;background:var(--amber);transform:scaleX(var(--p,0));transform-origin:left;z-index:60}
[dir=rtl] .progress{transform-origin:right}
.ico{width:56px;height:56px;border-radius:14px;background:#fff5e1;display:grid;place-items:center;flex:none;transition:transform .4s var(--ease),background .3s}
.ico svg{width:28px;height:28px;stroke:var(--amber-d);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ico.sm{width:40px;height:40px;border-radius:10px}.ico.sm svg{width:21px;height:21px}
/* header */
header{position:fixed;inset:0 0 auto 0;z-index:50;background:rgba(11,11,11,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .3s,box-shadow .3s,height .3s}
header.solid{background:rgba(11,11,11,.9);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;height:80px;gap:12px;transition:height .3s}
header.solid .nav{height:64px}
/* official lockup: full mark+word on load, clipped to the ARK mark on scroll */
.brand{--bh:40px;--lw:3161;--lh:702;--mw:1240;display:block;flex:0 0 auto;height:var(--bh);width:calc(var(--bh)*var(--lw)/var(--lh));overflow:hidden;text-decoration:none;transition:width .45s cubic-bezier(.22,.61,.36,1),height .3s}
.brand img{height:var(--bh);width:auto;max-width:none;display:block;transition:height .3s}
header.solid .brand{--bh:32px;width:calc(var(--bh)*var(--mw)/var(--lh))}
.nav ul{display:flex;gap:6px;list-style:none;color:#d6d6d6;font-size:17px}
.nav ul a{padding:8px 14px;border-radius:999px;position:relative;transition:color .2s}
.nav ul a:after{content:"";position:absolute;bottom:3px;inset-inline:14px;height:2px;background:var(--amber);transform:scaleX(0);transition:transform .3s var(--ease)}
.nav ul a:hover,.nav ul a.active{color:#fff}
.nav ul a:hover:after,.nav ul a.active:after{transform:scaleX(1)}
.nav .right{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.lang{border:1.5px solid var(--amber);color:var(--amber);padding:5px 12px;border-radius:999px;font-weight:700;font-size:14px;letter-spacing:.04em;transition:.2s;flex:0 0 auto;line-height:1.2}
.lang:hover{background:var(--amber);color:var(--ink)}
.hcta,.burger{flex:0 0 auto}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;border-radius:8px}
.burger span{display:block;height:2px;background:#fff;margin:6px 10px;transition:.3s var(--ease)}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
/* hero */
.hero{position:relative;min-height:100vh;min-height:100svh;background:var(--ink);color:#fff;overflow:hidden;display:flex;align-items:center;padding:130px 0 110px}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 520px at var(--gx,75%) 40%,rgba(235,160,29,.16),transparent 62%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/72px 72px,linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0/72px 72px;-webkit-mask:linear-gradient(#000 70%,transparent);mask:linear-gradient(#000 70%,transparent)}
[dir=rtl] .hero:before{--gx:25%}
.shape{position:absolute;pointer-events:none}
.s1{width:600px;height:600px;border:28px solid var(--amber);transform:rotate(45deg);inset-inline-end:-360px;top:-300px}
.s3{width:420px;height:420px;background:linear-gradient(135deg,#262626,#0e0e0e);transform:rotate(45deg);inset-inline-start:-260px;bottom:-260px}
.s4{width:300px;height:300px;border:12px solid var(--amber);transform:rotate(45deg);inset-inline-start:-215px;bottom:-40px;opacity:.9}
.hgrid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;width:100%}
.tag{display:inline-flex;gap:12px;align-items:center;color:var(--amber);font-weight:700;letter-spacing:.16em;font-size:14px;text-transform:uppercase}
[dir=rtl] .tag{letter-spacing:0;font-size:18px}
.tag:before{content:"";width:36px;height:2px;background:var(--amber)}
.hero h1{font-size:clamp(44px,6.4vw,88px);line-height:1;font-weight:800;margin:20px 0 24px;letter-spacing:-.015em}
[dir=rtl] .hero h1{line-height:1.18;letter-spacing:0}
.hero h1 em{font-style:normal;color:var(--amber);position:relative;white-space:nowrap}
.hero h1 em:after{content:"";position:absolute;inset-inline:0;bottom:.06em;height:.1em;background:var(--amber);opacity:.35;border-radius:2px;transform:scaleX(0);transform-origin:var(--o,left);animation:line 1s .9s var(--ease) forwards}
[dir=rtl] .hero h1 em:after{--o:right;bottom:.16em}
@keyframes line{to{transform:scaleX(1)}}
.hero .lead{font-size:clamp(19px,1.7vw,22px);color:#c4c4c4;max-width:42ch;font-weight:300}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 36px}
.pills span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);padding:5px 16px;border-radius:999px;font-size:15px;color:#e5e5e5}
[dir=rtl] .pills span{font-size:16px}
.pills span:before{content:"";display:inline-block;width:6px;height:6px;background:var(--amber);transform:rotate(45deg);margin-inline-end:9px;vertical-align:middle}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:8px;font-weight:700;font-size:18px;transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;font-family:inherit}
.bi svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
[dir=rtl] .bi{transform:scaleX(-1)}
.btn-a{background:var(--amber);color:var(--ink);box-shadow:0 8px 24px -8px rgba(235,160,29,.6)}
.btn-a:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.btn-a:hover{background:var(--amber-l);transform:translateY(-2px)}
.btn-a:hover:before{transform:translateX(120%)}
.btn-a:hover .bi svg{transform:translateX(4px)}
.btn-o{border:1.5px solid rgba(255,255,255,.28);color:#fff}
.btn-o:hover{border-color:var(--amber);color:var(--amber);transform:translateY(-2px)}
.btn-o:hover .bi svg{transform:translateY(2px)}
.hvis{position:relative;display:grid;place-items:center}
.orb{width:min(440px,100%);filter:drop-shadow(0 30px 60px rgba(0,0,0,.6));animation:float 7s ease-in-out infinite}
.orb .spin{transform-origin:220px 220px;animation:spin 9s linear infinite}
.orb .ticks{transform-origin:220px 220px;animation:spin 60s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-12px)}}
.motto{position:absolute;bottom:40px;inset-inline-end:28px;z-index:2;text-align:end;color:var(--amber);font-weight:800;letter-spacing:.22em;font-size:13px;line-height:1.4;opacity:.85}
.scroll{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.35);border-radius:14px;z-index:3}
.scroll span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;background:var(--amber);border-radius:2px;animation:wheel 1.8s infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
.hero .htxt>*{opacity:0;transform:translateY(20px);animation:up .9s var(--ease) forwards}
.hero .htxt>*:nth-child(2){animation-delay:.12s}.hero .htxt>*:nth-child(3){animation-delay:.24s}.hero .htxt>*:nth-child(4){animation-delay:.36s}.hero .htxt>*:nth-child(5){animation-delay:.48s}.hero .htxt>*:nth-child(6){animation-delay:.56s}
.hvis{opacity:0;animation:fade 1.4s .3s forwards}
@keyframes up{to{opacity:1;transform:none}}@keyframes fade{to{opacity:1}}
/* strip */
.strip{background:var(--amber);color:var(--ink);position:relative;z-index:3}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.strip .wrap>*{display:flex;align-items:center;gap:12px;padding:20px 18px;font-weight:700;font-size:17px;line-height:1.3;border-inline-start:1px solid rgba(0,0,0,.12)}
.strip .wrap>*:first-child{border:0}
.strip .ico{background:rgba(0,0,0,.9)}.strip .ico svg{stroke:var(--amber)}
/* sections */
section{padding:120px 0;position:relative}
.head{max-width:760px;margin-bottom:54px}
.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--amber-d);font-weight:800;letter-spacing:.16em;font-size:13px;text-transform:uppercase}
.kicker:before{content:"";width:9px;height:9px;background:var(--amber);transform:rotate(45deg)}
[dir=rtl] .kicker{letter-spacing:0;font-size:17px}
.why .kicker,.contact .kicker{color:var(--amber)}
h2{font-size:clamp(34px,4.2vw,54px);line-height:1.08;font-weight:800;margin:10px 0 18px;letter-spacing:-.01em;text-wrap:balance}
[dir=rtl] h2{line-height:1.3;letter-spacing:0}
h3{text-wrap:balance}
.sub{color:var(--g);max-width:62ch;font-size:19px}
[dir=rtl] .sub{font-size:20px}
.sub+.sub{margin-top:14px}
.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.bul{list-style:none;margin:28px 0 0;display:grid;gap:4px}
.bul li{padding:11px 0;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:center;font-weight:700;font-size:18px}
.chk{width:26px;height:26px;border-radius:50%;background:var(--amber);display:grid;place-items:center;flex:none}
.chk svg{width:15px;height:15px;stroke:var(--ink);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.approach{background:var(--ink);color:#fff;padding:48px 44px;border-radius:var(--r);position:relative;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.approach:after{content:"";position:absolute;width:200px;height:200px;border:14px solid var(--amber);transform:rotate(45deg);inset-inline-end:-120px;bottom:-120px}
.approach h3{color:var(--amber);font-size:14px;letter-spacing:.16em;text-transform:uppercase}
[dir=rtl] .approach h3{letter-spacing:0;font-size:18px}
.flow{font-size:clamp(26px,2.6vw,34px);font-weight:800;margin:16px 0;line-height:1.25}
.approach p{color:var(--g2);max-width:32ch}
/* slants */
.bg{background:var(--bg)}
.slant{clip-path:polygon(0 var(--slant),100% 0,100% calc(100% - var(--slant)),0 100%);margin:calc(var(--slant)*-1) 0;padding:calc(120px + var(--slant)) 0;z-index:2}
.slant-top{clip-path:polygon(0 var(--slant),100% 0,100% 100%,0 100%);margin-top:calc(var(--slant)*-1);padding-top:calc(120px + var(--slant));z-index:2}
#services{padding-bottom:calc(120px + var(--slant))}
#equipment{padding-top:calc(120px + var(--slant))}
#sectors+#projects,#sectors{padding-bottom:calc(120px + var(--slant))}
/* pillars */
.pillar{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;padding:44px 0;border-top:1px solid #dcd9d1;align-items:start}
.head+.pillar{border-top:0;padding-top:0}
.phead{position:sticky;top:100px}
.pnum{font-size:15px;font-weight:800;color:var(--amber-d);letter-spacing:.2em;margin-bottom:14px}
.phead .ico{margin-bottom:18px;background:var(--ink)}.phead .ico svg{stroke:var(--amber)}
.phead h3{font-size:clamp(26px,2.4vw,32px);line-height:1.25}
.pen{display:block;color:var(--g);font-size:15px;font-weight:700;letter-spacing:.04em;margin-top:4px}
.phead p{color:var(--g);margin-top:12px;font-size:18px}
.phead .pnote{font-size:16px;border-inline-start:3px solid var(--amber);padding-inline-start:14px;color:#444;margin-top:16px}
.svcs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
.svc:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--amber);transform:scaleX(.18);transform-origin:var(--o,left);transition:transform .5s var(--ease)}
[dir=rtl] .svc:before{--o:right}
.svc:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(0,0,0,.25);border-color:transparent}.svc:hover:before{transform:scaleX(1)}
.simg{width:calc(100% + 48px);margin:-26px -24px 18px;aspect-ratio:16/10;object-fit:cover;max-width:none}
.svc h4{font-size:21px;line-height:1.3;margin-bottom:8px}
.svc p{color:var(--g);font-size:16.5px;line-height:1.6}
.apps{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}
.apps small{display:block;font-size:13px;font-weight:800;color:var(--amber-d);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
[dir=rtl] .apps small{letter-spacing:0;font-size:15px}
.apps ul{list-style:none;display:grid;gap:4px;font-size:16px;color:#333}
.apps li{display:flex;gap:10px;align-items:baseline}
.apps li:before{content:"";width:6px;height:6px;flex:none;background:var(--amber);transform:rotate(45deg) translateY(-2px)}
/* equipment */
.eqs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.eq{border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;background:#fff;transition:transform .4s var(--ease),border-color .3s}
.eq:hover{transform:translateY(-4px);border-color:var(--amber)}
.eq .ico{margin-bottom:18px}
.eimg{width:calc(100% + 52px);margin:-30px -26px 18px;aspect-ratio:4/3;object-fit:cover;max-width:none;border-radius:var(--r) var(--r) 0 0}
.eq h3{font-size:20px;line-height:1.3;margin-bottom:8px}.eq p{color:var(--g);font-size:16.5px}
/* process scope note */
.scope{margin-top:50px;display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--amber);padding:18px 22px;border-radius:var(--r);font-weight:700;font-size:18px}
/* projects */
.pfilters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.ptab{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:700;font-size:15px;padding:10px 16px;border-radius:999px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.ptab:hover{border-color:var(--amber)}
.ptab.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.ptab.active:hover{border-color:var(--ink)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcard{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#fff}
.pcard[hidden]{display:none}
.pimg{aspect-ratio:16/10;background:#111}.pimg img{width:100%;height:100%;object-fit:cover}
.pbody{padding:22px 24px 24px}.pbody h3{font-size:21px;margin:8px 0 10px}
.pcat{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#f3f1ea;color:#444;margin-bottom:4px}
[dir=rtl] .pcat{letter-spacing:0;font-size:13px}
.pcat.argomatik{background:rgba(235,160,29,.18);color:var(--amber-d)}
.pcat.experience{background:#eee;color:#666}
.pcnote{color:var(--g);font-size:14.5px;margin:0 0 10px}
.pbody dl div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:16px}
.pbody dl div:last-child{border:0}.pbody dt{color:var(--amber-d);font-weight:700}.pbody dd{color:#333}
/* featured documentation service */
.svc.feat{border-color:rgba(235,160,29,.45);box-shadow:0 18px 40px -28px rgba(235,160,29,.55)}
.svc.feat:before{transform:scaleX(1)}
.sbadge{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--amber);padding:4px 10px;border-radius:999px;margin-bottom:10px}
[dir=rtl] .sbadge{letter-spacing:0;font-size:13px}
/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:36px 32px;position:relative;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s;overflow:hidden}
.card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--amber);transform:scaleX(.16);transform-origin:var(--o,left);transition:transform .5s var(--ease)}
[dir=rtl] .card:before{--o:right}
.card:hover{transform:translateY(-6px);box-shadow:0 26px 50px -24px rgba(0,0,0,.22);border-color:transparent}
.card:hover:before{transform:scaleX(1)}
.card:hover .ico{transform:rotate(-8deg) scale(1.06);background:var(--amber)}
.card:hover .ico svg{stroke:var(--ink)}
.card .ico{margin-bottom:22px}
.card h3{font-size:23px;line-height:1.3;margin-bottom:10px}
.card p{color:var(--g);font-size:17.5px}
.card ul{list-style:none;margin-top:16px;padding-top:16px;border-top:1px dashed var(--line);color:#333;font-size:16.5px;display:grid;gap:6px}
.card ul li{display:flex;gap:10px;align-items:baseline}
.card ul li:before{content:"";width:6px;height:6px;flex:none;background:var(--amber);transform:rotate(45deg) translateY(-2px)}
.badge{position:absolute;top:20px;inset-inline-end:20px;background:var(--amber);color:var(--ink);font-size:13px;font-weight:800;padding:2px 12px;border-radius:999px}
.card.dark{background:var(--ink);color:#fff;border-color:var(--ink);background-image:radial-gradient(300px 200px at 100% 100%,rgba(235,160,29,.18),transparent)}
.card.dark p,.card.dark ul{color:var(--g2)}.card.dark ul{border-color:#2a2a2a}
.card.dark .ico{background:#2a2108}.card.dark .ico svg{stroke:var(--amber)}
/* quality */
.why{background:var(--ink);color:#fff;overflow:hidden}
.why .sub{color:var(--g2)}
.why>.shape{width:560px;height:560px;border:2px solid rgba(235,160,29,.22);transform:rotate(45deg);inset-inline-end:-280px;top:80px}
.vals{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.val{background:var(--ink2);border:1px solid var(--ink3);border-radius:var(--r);padding:26px 22px;transition:border-color .3s,transform .4s var(--ease)}
.val:hover{border-color:var(--amber);transform:translateY(-4px)}
.val .ico{background:#2a2108;margin-bottom:16px}.val .ico svg{stroke:var(--amber)}
.val b{display:block;font-size:21px;margin-bottom:4px}
.val span:not(.ico){color:var(--g2);font-size:16.5px;line-height:1.5;display:block}
.std{margin-top:24px;display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.std>div{grid-column:span 2}.std>div:nth-child(4),.std>div:nth-child(5){grid-column:span 3}
.std>div{border:1px solid var(--ink3);border-inline-start:3px solid var(--amber);padding:26px 28px;border-radius:var(--r)}
.std h3{color:#fff;font-size:20px;margin-bottom:8px}
.std p{color:var(--g2);font-size:17px}
.std small{display:block;color:var(--amber);font-size:14px;font-weight:700;margin:-4px 0 8px;letter-spacing:.03em}
[dir=rtl] .std small{text-align:right}
[dir=rtl] .h1en,[dir=rtl] .pen{text-align:right}
.note{font-size:15px;color:#9a9a9a;margin-top:20px}
/* steps */
.steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.steps:before{content:"";position:absolute;top:31px;inset-inline:31px;height:2px;background:repeating-linear-gradient(90deg,var(--amber) 0 8px,transparent 8px 16px)}
.step{padding-inline-end:22px;position:relative}
.step .n{width:62px;height:62px;border-radius:50%;background:#fff;border:2px solid var(--amber);color:var(--ink);font-weight:800;font-size:22px;display:grid;place-items:center;position:relative;z-index:1;transition:background .3s,transform .4s var(--ease)}
.step:hover .n{background:var(--amber);transform:scale(1.08)}
.step h3{font-size:21px;margin:20px 0 6px;line-height:1.3}
.step p{color:var(--g);font-size:17px}
.quote{margin:80px auto 0;text-align:center;font-weight:800;font-size:clamp(26px,3.2vw,40px);line-height:1.3;max-width:24ch}
.quote span{color:var(--amber-d);background:linear-gradient(transparent 62%,rgba(235,160,29,.22) 62%)}
/* sectors */
.sectors{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.sector{border:1px solid var(--line);padding:34px;border-radius:var(--r);background:#fff;transition:transform .4s var(--ease),box-shadow .4s}
.sector:hover{transform:translateY(-5px);box-shadow:0 24px 44px -26px rgba(0,0,0,.2)}
.sector .ico{margin-bottom:18px}
.sector h3{font-size:22px;margin-bottom:12px;line-height:1.3}
.sector li{list-style:none;color:var(--g);padding:8px 0;border-bottom:1px dashed var(--line);font-size:17px}
.sector li:last-child{border:0}
/* contact */
.contact{background:var(--ink);color:#fff;overflow:hidden}
.contact .s1{opacity:.5;top:auto;bottom:-400px}
.cgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:start;position:relative;z-index:2}
.cpage h2{text-wrap:pretty;overflow-wrap:anywhere}
.contact .sub{color:var(--g2)}
.clist{list-style:none;margin:30px 0}
.clist li{display:flex;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #222;font-size:19px}
.clist small{display:block;color:#8f8f8f;font-size:14px}
[dir=rtl] .clist small{font-size:15px}
.clist a:hover{color:var(--amber)}
.clist .ico{background:#221a08;width:48px;height:48px;border-radius:12px}
.clist .ico svg{stroke:var(--amber);width:22px;height:22px}
form{background:var(--ink2);border:1px solid var(--ink3);padding:36px;border-radius:var(--r);box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
label{display:block;font-size:15px;color:#bdbdbd;margin:16px 0 7px;font-weight:700}
form label:first-child{margin-top:0}
input,textarea{width:100%;background:#0b0b0b;border:1px solid #303030;color:#fff;padding:13px 15px;border-radius:8px;font:inherit;font-size:17px;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px rgba(235,160,29,.2)}
form .btn{margin-top:24px;border:0;cursor:pointer;width:100%;justify-content:center}
form .btn:disabled{opacity:.6;cursor:wait}
select{width:100%;background:#0b0b0b;border:1px solid #303030;color:#fff;padding:13px 15px;border-radius:8px;font:inherit;font-size:17px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EBA01D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-size:18px;background-repeat:no-repeat;padding-inline-end:44px}
[dir=rtl] select{background-position:left 14px center}
select option{background:#141414;color:#fff}
select:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px rgba(235,160,29,.2)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.frow label{margin-top:0}.frow>div+div label{margin-top:0}
label i{color:var(--amber);font-style:normal}
input[type=file]{padding:10px;font-size:15px;cursor:pointer}
input[type=file]::file-selector-button{background:var(--amber);color:var(--ink);border:0;padding:6px 14px;border-radius:6px;font:inherit;font-weight:700;margin-inline-end:12px;cursor:pointer}
.ffile small{display:block;color:#8f8f8f;font-size:14px;margin-top:6px}
.fmail{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:15px;color:#bdbdbd;background:#0b0b0b;border:1px dashed #3a3a3a;border-radius:8px;padding:12px 14px;line-height:1.55}
.fmail .bi svg{stroke:var(--amber);margin-top:3px}
[dir=rtl] .fmail .bi{transform:none}
.err{border-color:#e5484d!important}
.fstatus{margin-top:14px;font-size:16px;min-height:1.2em}.fstatus.good{color:#7bd88f}.fstatus.bad{color:#ff8a8a}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
[hidden]{display:none!important}
footer{background:#060606;color:#8f8f8f;padding:36px 0;font-size:15px;border-top:1px solid #161616}
.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.foot img{height:36px;width:auto}
.soc{display:flex;gap:10px}
.soc a{width:42px;height:42px;border-radius:50%;border:1px solid #2e2e2e;display:grid;place-items:center;transition:.25s}
.soc a:hover{border-color:var(--amber);background:var(--amber)}
.soc svg{width:18px;height:18px;fill:#ddd;transition:fill .25s}
.soc svg path{fill:inherit}
.soc a:hover svg{fill:var(--ink)}
/* floating */
.wa{position:fixed;bottom:24px;inset-inline-end:24px;z-index:70;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(37,211,102,.6);transition:transform .3s var(--ease)}
.wa:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:ping 2.4s infinite}
@keyframes ping{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
.wa svg{width:32px;height:32px}
.wa:hover{transform:scale(1.08)}
.watip{position:absolute;inset-inline-end:72px;white-space:nowrap;background:#fff;color:var(--ink);font-size:15px;font-weight:700;padding:6px 14px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);opacity:0;transform:translateX(var(--tx,8px));transition:.3s;pointer-events:none}
[dir=rtl] .watip{--tx:-8px}
.wa:hover .watip,.wa:focus-visible .watip{opacity:1;transform:none}
.totop{position:fixed;bottom:96px;inset-inline-end:31px;z-index:69;width:46px;height:46px;border-radius:50%;background:var(--ink);border:1px solid #333;display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(10px);transition:.3s}
.totop.show{opacity:1;pointer-events:auto;transform:none}
.totop svg{width:20px;height:20px;stroke:var(--amber);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dl{margin-top:4px}
.csoc{display:flex;align-items:center;gap:16px;margin:-10px 0 26px}.csoc small{color:#8f8f8f;font-size:15px}
.btn-sm{padding:8px 16px;font-size:16px;box-shadow:none}
.mcta{display:none}.mcta a{color:var(--amber)!important;font-weight:700}
.h1en{color:#9a9a9a;font-size:24px;font-weight:700;letter-spacing:.04em;margin:-8px 0 20px}
.fl{display:flex;align-items:center;gap:16px}.fid{color:#9a9a9a;font-size:14px;max-width:30ch;line-height:1.4}
.fr{display:flex;align-items:center;gap:18px}.fmail-l:hover{color:var(--amber)}
/* reveal */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--d,0)*90ms)}
.js .reveal.in{opacity:1;transform:none}
/* responsive */
@media (max-width:1080px){
 .vals{grid-template-columns:repeat(3,1fr)}
 .std{grid-template-columns:1fr 1fr}.std>div{grid-column:auto!important}
}
@media (max-width:980px){
 :root{--slant:6vw}
 nav ul{display:none!important;position:absolute;top:100%;inset-inline:0;background:rgba(11,11,11,.98);flex-direction:column;padding:14px 20px 24px;gap:2px!important;border-top:1px solid #222}
 nav ul.open{display:flex!important}
 nav ul a{display:block;padding:12px 8px!important;font-size:19px}
 nav ul a:after{display:none}
 header:has(ul.open){background:rgba(11,11,11,.98)}
 .burger{display:block}
 .hgrid{grid-template-columns:1fr;gap:10px}
 .hvis{order:-1;max-width:260px;margin:0 auto}
 .grid2,.cgrid{grid-template-columns:1fr;gap:40px}
 .sectors,.pgrid,.eqs{grid-template-columns:1fr 1fr}
 .pillar{grid-template-columns:1fr;gap:26px}
 .phead{position:static}
 .hcta{display:none}
 .mcta{display:block!important}
 .strip .wrap{grid-template-columns:1fr 1fr}
 .strip .wrap>*:nth-child(3){border:0}
 .steps{grid-template-columns:1fr;gap:28px}
 .steps:before{top:0;bottom:0;height:auto;width:2px;inset-inline:30px auto;background:repeating-linear-gradient(180deg,var(--amber) 0 8px,transparent 8px 16px)}
 .step{display:grid;grid-template-columns:62px 1fr;column-gap:20px;padding:0}
 .step h3{margin:6px 0 2px}.step p{grid-column:2}
 .motto,.scroll{display:none}
}
@media (max-width:640px){
 body{font-size:18px}[dir=rtl] body{font-size:19px}
 section{padding:80px 0}
 .slant{padding:calc(80px + var(--slant)) 0}.slant-top{padding-top:calc(80px + var(--slant))}
 #services,#sectors,#sectors+#projects{padding-bottom:calc(80px + var(--slant))}#equipment{padding-top:calc(80px + var(--slant))}
 .wrap{padding:0 20px}
 .hero{padding:110px 0 70px}
 .hvis{max-width:200px}
 .s1{top:-120px!important}
 header{background:rgba(11,11,11,.92)}
 .sectors,.pgrid,.vals,.eqs,.svcs,.frow{grid-template-columns:1fr}
 .std{grid-template-columns:1fr}.std>div{grid-column:auto!important}
 .h1en{font-size:20px}
 .vals{grid-template-columns:1fr 1fr}.val:last-child{grid-column:1/-1}
 .frow>div+div label{margin-top:16px}
 .strip .wrap{grid-template-columns:1fr}
 .strip .wrap>*{border:0;border-bottom:1px solid rgba(0,0,0,.12);padding:14px 4px}
 .strip .wrap>*:last-child{border:0}
 .s1{width:340px;height:340px;border-width:16px;inset-inline-end:-220px;top:-170px}
 .s3{display:none}.s4{width:200px;height:200px;inset-inline-start:-150px;bottom:-60px}
 .btns .btn{flex:1 1 100%;justify-content:center}
 .head{margin-bottom:36px}
 .approach{padding:36px 28px}
 .card{padding:30px 26px}
 form{padding:24px}
 .wa{width:56px;height:56px;bottom:18px;inset-inline-end:18px}
 .totop{bottom:86px;inset-inline-end:23px}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.js .reveal,.hero .htxt>*,.hvis{opacity:1;transform:none}}
@media (max-width:1240px) and (min-width:981px){.nav ul a{padding:8px 9px;font-size:16px}.nav ul a:after{inset-inline:9px}.hcta{padding:7px 12px;font-size:15px}}

/* === v3c photo hero / cards === */
.hero.has-photo{background:#0a0a0a}
.hero.has-photo .hero-bg{position:absolute;inset:0;background:center/cover no-repeat var(--hero-img);opacity:.38;filter:saturate(.85) contrast(1.05);transform:scale(1.04)}
.hero.has-photo:before{background:linear-gradient(105deg,rgba(8,8,8,.92) 0%,rgba(8,8,8,.78) 42%,rgba(8,8,8,.45) 100%),radial-gradient(700px 480px at var(--gx,78%) 38%,rgba(235,160,29,.22),transparent 60%)}
[dir=rtl] .hero.has-photo:before{background:linear-gradient(255deg,rgba(8,8,8,.92) 0%,rgba(8,8,8,.78) 42%,rgba(8,8,8,.45) 100%),radial-gradient(700px 480px at var(--gx,22%) 38%,rgba(235,160,29,.22),transparent 60%)}
.hphoto{margin:0;position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 60px -28px rgba(0,0,0,.75),0 0 0 1px rgba(235,160,29,.18);aspect-ratio:4/3;background:#111}
.hphoto img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform 1.2s var(--ease)}
.hvis:hover .hphoto img{transform:scale(1.06)}
.hcap{position:absolute;inset-inline-start:14px;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.55);border:1px solid rgba(235,160,29,.45);color:var(--amber);font-size:12px;letter-spacing:.08em;font-weight:700;backdrop-filter:blur(6px)}
.stdstrip{background:#111;border-block:1px solid rgba(255,255,255,.06);color:#cfcfcf}
.stdstrip .wrap{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;padding:14px 0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.stdstrip span{opacity:.78;position:relative}
.stdstrip span:not(:last-child):after{content:"";position:absolute;inset-inline-end:-16px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--amber);transform:translateY(-50%);opacity:.7}
.svc.has-img{padding-top:0}
.svc .simg{border-bottom:1px solid var(--line)}
.sector{overflow:hidden;padding:0}
.sector:not(.has-img){padding:34px}
.sector.has-img{padding:0 0 26px}
.sector .simgwrap{margin:0 0 18px}
.sector .simg{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;margin:0}
.sector.has-img h3,.sector.has-img ul{padding-inline:26px}
.sector.has-img .ico{margin:26px 26px 0}
.proc-grid{display:grid;gap:36px}
.proc-grid.has-photo{grid-template-columns:minmax(220px,.9fr) 1.4fr;align-items:start;gap:40px}
.proc-grid.has-photo .steps{grid-template-columns:1fr;gap:22px}
.proc-grid.has-photo .steps:before{top:0;bottom:0;height:auto;width:2px;inset-inline:30px auto;background:repeating-linear-gradient(180deg,var(--amber) 0 8px,transparent 8px 16px)}
.proc-grid.has-photo .step{padding-inline-start:72px;padding-inline-end:0}

.proc-photo{margin:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:0 22px 44px -28px rgba(0,0,0,.28);position:sticky;top:96px}
.proc-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.eq.has-img{padding-top:0;overflow:hidden}
@media (max-width:980px){
  .proc-grid.has-photo{grid-template-columns:1fr}
  .proc-photo{position:static;max-width:420px}
  .hphoto{max-width:420px;margin-inline:auto}
}
@media (max-width:720px){
  .hero.has-photo .hero-bg{opacity:.28}
  .stdstrip .wrap{gap:8px 18px;font-size:11px;letter-spacing:.08em}
  .stdstrip span:not(:last-child):after{inset-inline-end:-11px;width:4px;height:4px}
}

/* === hero2: tagline strip + 5-item strip === */
.tagstrip{background:#fff;border-bottom:1px solid var(--line)}
.tagstrip .wrap{display:flex;flex-direction:column;align-items:center;padding:22px 0 20px}
.tagline{margin:0;font-family:Zain,sans-serif;font-weight:700;text-transform:uppercase;color:#3A3A3A;font-size:clamp(15px,1.6vw,20px);letter-spacing:.06em;word-spacing:.12em;white-space:nowrap;text-align:center}
.strip .wrap{grid-template-columns:repeat(5,1fr)}
.strip .wrap>*{font-size:16px;padding:18px 14px}
@media (max-width:1100px){
  .strip .wrap{grid-template-columns:repeat(3,1fr)}
  .strip .wrap>*{border-inline-start:0;border-bottom:1px solid rgba(0,0,0,.12)}
  .strip .wrap>*:nth-child(3){border-bottom:1px solid rgba(0,0,0,.12)}
}
@media (max-width:720px){
  .strip .wrap{grid-template-columns:1fr}
  .strip .wrap>*{padding:13px 4px}
  .strip .wrap>*:last-child{border:0}
  .tagline{font-size:15px;letter-spacing:.04em;word-spacing:.06em}
}
.hero .lead+.btns{margin-top:30px}
@media (max-width:720px){.strip .wrap>*:not(:last-child){border-bottom:1px solid rgba(0,0,0,.12)}}
/* === hero3: dark tagline + balanced 5-item strip === */
.tagstrip{background:#111;border-block:1px solid rgba(255,255,255,.06);border-bottom-color:rgba(255,255,255,.06)}
.tagline{color:var(--amber)}
.strip .wrap{display:flex;flex-wrap:wrap;justify-content:center;grid-template-columns:none}
.strip .wrap>*{flex:1 1 0;min-width:0;border:0;border-inline-start:1px solid rgba(0,0,0,.12)}
.strip .wrap>*:first-child{border-inline-start:0}
@media (max-width:1100px){
  .strip .wrap{padding-block:6px}
  .strip .wrap>*,.strip .wrap>*:nth-child(3){flex:0 0 33.333%;border:0;border-bottom:0;border-inline-start:1px solid rgba(0,0,0,.12)}
  .strip .wrap>*:nth-child(1),.strip .wrap>*:nth-child(4){border-inline-start:0}
  .strip .wrap>*:nth-child(-n+3){border-bottom:1px solid rgba(0,0,0,.12)}
}
@media (max-width:720px){
  .strip .wrap{display:flex;flex-direction:column;flex-wrap:nowrap;padding-block:0}
  .strip .wrap>*,.strip .wrap>*:nth-child(n){flex:none;width:100%;border:0;border-bottom:1px solid rgba(0,0,0,.12);padding:14px 4px}
  .strip .wrap>*:last-child{border-bottom:0}
}
/* === hero4 === */
.tagline{color:#fff}
.tagline .sep{color:var(--amber)}
@media (max-width:640px){.btns .btn-q{order:-1}}
/* === hero6: text-only hero === */
.hero.hero-text .hgrid{grid-template-columns:1fr;max-width:860px}
.hero.hero-text .lead{max-width:62ch}
.hero.hero-text .htxt{width:100%}
@media (max-width:980px){.hero.hero-text .hgrid{max-width:none}}
/* shrink the hero diamond before mid-width (e.g. Fold inner) so copy never sits on it */
@media (max-width:1100px){
  .hero.hero-text .s1{width:360px;height:360px;border-width:16px;inset-inline-end:-250px;top:-220px;opacity:.5}
  .hero.hero-text .htxt{padding-inline-end:clamp(20px,9vw,96px)}
  .hero.hero-text .lead{max-width:54ch}
}
@media (max-width:640px){
  .hero.hero-text .s1{width:300px;height:300px;border-width:14px;inset-inline-end:-210px;top:-200px;opacity:.45}
  .hero.hero-text .htxt{padding-inline-end:clamp(16px,8vw,56px)}
}
/* === about1: two-paragraph About === */
.about1{max-width:900px}
.about1 .kicker{margin-bottom:18px}
.about1 .sub{max-width:none;font-size:clamp(18px,1.5vw,20px);line-height:1.8}
.about1 .sub+.sub{margin-top:16px}
/* === about2 === */
.brand-hl{color:var(--amber);font-weight:800}
.about1 .kicker,[dir=rtl] .about1 .kicker{font-size:clamp(17px,1.6vw,22px)}
.about1 .sub{font-size:clamp(19px,1.6vw,21px)}
.about-bul{margin-top:30px}
.about-bul li{align-items:flex-start;font-size:clamp(17px,1.4vw,19px);line-height:1.5}
.about-bul li .chk{margin-top:2px}
.about-approach{margin-top:40px;padding:40px 40px}
.about-approach p{max-width:none;color:#cfcfcf}
.about-approach .flow{font-size:clamp(22px,2.4vw,30px)}
@media (max-width:640px){.about-approach{padding:30px 22px}}
.about-bul .btxt{flex:1;min-width:0}
.about-approach>*{position:relative;z-index:1}
.about-approach:after{width:150px;height:150px;border-width:12px;inset-inline-end:-100px;bottom:-100px;opacity:.85}
@media (min-width:700px){.about-bul bdi{white-space:nowrap}}
/* about3 */
.about-approach p{font-size:clamp(15.5px,1.3vw,17px);line-height:1.7}
.hero.hero-text h1{margin-top:0}
/* === header contact button === */
.hcontact{display:inline-flex;align-items:center;gap:8px;background:rgba(235,160,29,.14);color:var(--amber);border:1.5px solid rgba(235,160,29,.35);padding:5px 14px;border-radius:999px;font-weight:700;font-size:15px;line-height:1.4;white-space:nowrap;transition:.2s}
.hcontact:hover{background:var(--amber);color:var(--ink);border-color:var(--amber)}
.hcontact .hci svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;display:block}
@media (max-width:640px){
  .hcontact{padding:0;width:38px;height:38px;justify-content:center}
  .hcontact .hct{display:none}
  .nav .right{gap:8px}
}

/* ================= MULTI-PAGE ================= */
.strip a{transition:background .25s}
.strip a:hover{background:rgba(0,0,0,.06)}
.strip a:hover .ico{transform:rotate(-8deg) scale(1.06)}
/* nav dropdown */
.m-only{display:none}
.nav ul .has-sub{position:relative}
.caret{display:inline-block;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-inline-start:8px;vertical-align:3px;opacity:.7}
.nav ul .sub{position:absolute;top:calc(100% + 10px);inset-inline-start:-10px;min-width:330px;display:flex;flex-direction:column;gap:2px;background:rgba(14,14,14,.98);border:1px solid #262626;border-top:3px solid var(--amber);border-radius:0 0 12px 12px;padding:10px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .3s var(--ease),visibility .25s}
.nav ul .sub:before{content:"";position:absolute;inset:-14px 0 auto;height:14px}
.nav ul .has-sub:hover>.sub,.nav ul .has-sub:focus-within>.sub{opacity:1;visibility:visible;transform:none}
.nav ul .sub a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:16px;line-height:1.35;color:#cfcfcf}
.nav ul .sub a:after{display:none}
.nav ul .sub a:hover,.nav ul .sub a.active{background:#1c1c1c;color:#fff}
.si{width:30px;height:30px;border-radius:8px;background:#2a2108;display:grid;place-items:center;flex:none}
.si svg{width:17px;height:17px;stroke:var(--amber);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hcontact.on{background:var(--amber);color:var(--ink);border-color:var(--amber)}
@media (max-width:980px){
 .m-only{display:block}
 .nav ul .sub{position:static;display:flex!important;opacity:1;visibility:visible;transform:none;min-width:0;background:none;border:0;border-inline-start:2px solid #2a2a2a;border-radius:0;box-shadow:none;padding:0 0 6px;margin-inline-start:10px}
 .nav ul .sub:before{display:none}
 .nav ul .sub a{font-size:16px!important;padding:8px 10px!important}
 .caret{display:none}
 nav ul.open{max-height:calc(100vh - 70px);overflow-y:auto}
}
/* page banner */
.pbanner{background:var(--ink);color:#fff;overflow:hidden;padding:170px 0 90px;position:relative}
.pbanner:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 80% 30%,rgba(235,160,29,.15),transparent 62%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0/64px 64px}
[dir=rtl] .pbanner:before{background:radial-gradient(700px 420px at 20% 30%,rgba(235,160,29,.15),transparent 62%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0/64px 64px}
.pbanner:after{content:"";position:absolute;inset:auto 0 0;height:6px;background:linear-gradient(90deg,var(--amber) 0 18%,transparent 18% 20%,var(--amber) 20% 21%,transparent 21%)}
[dir=rtl] .pbanner:after{transform:scaleX(-1)}
.pbanner .s1{width:440px;height:440px;border-width:22px;top:-260px;inset-inline-end:-260px;opacity:.85}
.pbanner .s4{bottom:-200px;opacity:.5}
.pb-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}
.pb-txt>*{opacity:0;transform:translateY(16px);animation:up .8s var(--ease) forwards}
.pb-txt>*:nth-child(2){animation-delay:.1s}.pb-txt>*:nth-child(3){animation-delay:.2s}.pb-txt>*:nth-child(4){animation-delay:.3s}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:15px;color:var(--g2);margin-bottom:14px}
.crumbs a:hover{color:var(--amber)}
.crumbs .sep{color:var(--amber);opacity:.8}
.crumbs [aria-current]{color:#fff}
.pbanner h1{font-size:clamp(36px,4.6vw,64px);line-height:1.1;font-weight:800;max-width:20ch;text-wrap:balance}
.pb-sub{color:var(--amber);font-weight:700;letter-spacing:.08em;margin-top:10px;font-size:17px}
[dir=rtl] .pb-sub{text-align:right}
.pb-lead{color:#c4c4c4;font-size:clamp(18px,1.6vw,21px);max-width:38em;margin-top:16px;font-weight:300;overflow-wrap:anywhere}
.pb-ico{width:170px;height:170px;border:2px solid var(--amber);background:rgba(235,160,29,.06);transform:rotate(45deg);display:grid;place-items:center;position:relative;animation:spinin 1.2s var(--ease) both}
.pb-ico:before{content:"";position:absolute;inset:14px;border:1px dashed rgba(235,160,29,.55)}
.pb-ico svg{width:66px;height:66px;transform:rotate(-45deg);stroke:var(--amber);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
@keyframes spinin{from{opacity:0;transform:rotate(0) scale(.7)}to{opacity:1;transform:rotate(45deg) scale(1)}}
section.pg{padding:90px 0}
.lead2{margin-bottom:50px;font-size:20px}
/* head row with side link */
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:46px}
.head-row .head{margin-bottom:0}
.lnk{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--amber-d);white-space:nowrap;border-bottom:2px solid currentColor;padding-bottom:3px;transition:gap .25s,color .25s}
.lnk:hover{gap:14px;color:var(--ink)}
.lnk .bi svg{width:17px;height:17px}
.lnk.lt{color:var(--amber);margin-top:26px}.lnk.lt:hover{color:#fff}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--amber-d);margin-top:auto;padding-top:14px;transition:gap .25s}
.more .bi svg{width:17px;height:17px}
section.hsec{padding:100px 0}
/* home service cards */
.hsvcs{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.hsvc{flex:0 1 calc((100% - 48px)/3);min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .4s var(--ease),box-shadow .4s,border-color .3s}
.hsvc:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(0,0,0,.35);border-color:var(--amber)}
.hsvc:hover .more{gap:14px}
.hsvc-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#111}
.hsvc-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.hsvc:hover .hsvc-img img{transform:scale(1.06)}
.hsvc-n{position:absolute;inset-block-end:0;inset-inline-start:0;background:var(--amber);color:var(--ink);font-weight:800;font-size:18px;padding:6px 14px;border-start-end-radius:10px}
.hsvc-b{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1;position:relative}
.hsvc-b .ico{position:absolute;top:-22px;inset-inline-end:22px;background:var(--ink);box-shadow:0 8px 20px -8px rgba(0,0,0,.5)}
.hsvc-b .ico svg{stroke:var(--amber)}
.hsvc h3{font-size:21px;line-height:1.3;margin:4px 0 8px;padding-inline-end:44px}
.hsvc p{color:var(--g);font-size:16.5px}
/* home quality teaser */
.hq{padding:110px 0}
.hq-in{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;position:relative}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.chips span{border:1px solid #333;border-inline-start:3px solid var(--amber);padding:7px 14px;border-radius:6px;font-weight:700;font-size:15px;color:#e6e6e6}
.hvals{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hvals li{background:var(--ink2);border:1px solid var(--ink3);border-radius:var(--r);padding:22px;transition:border-color .3s}
.hvals li:hover{border-color:var(--amber)}
.hvals b{display:block;color:var(--amber);font-size:20px;margin-bottom:4px}
.hvals span{color:var(--g2);font-size:16px}
/* home steps (titles only) */
.hsteps .step h3{font-size:20px}
/* home sector tiles */
.htiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.htile{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:#111;display:flex;align-items:flex-end}
.htile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),opacity .4s;opacity:.75}
.htile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.85))}
.htile span{position:relative;z-index:2;color:#fff;font-weight:800;font-size:21px;line-height:1.3;padding:20px;border-inline-start:4px solid var(--amber);margin-bottom:18px}
.htile:hover img{transform:scale(1.07);opacity:.95}
/* CTA band */
.ctaband{background:var(--amber);color:var(--ink);padding:80px 0;overflow:hidden}
.ctaband .c1{width:300px;height:300px;border:16px solid rgba(0,0,0,.85);transform:rotate(45deg);inset-inline-end:-210px;top:-200px}
.ctaband .c2{width:200px;height:200px;background:rgba(255,255,255,.18);transform:rotate(45deg);inset-inline-start:-110px;bottom:-110px}
.ctain{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:36px;flex-wrap:wrap}
.ctain h2{margin:0 0 8px;font-size:clamp(28px,3.2vw,42px)}
.ctain p{font-size:19px;max-width:56ch;color:#2b2105}
.ctaband .btn-a{background:var(--ink);color:#fff;box-shadow:none}
.ctaband .btn-a:hover{background:#222}
.ctaband .btn-o{border-color:rgba(0,0,0,.45);color:var(--ink)}
.ctaband .btn-o:hover{border-color:var(--ink);background:rgba(0,0,0,.08);color:var(--ink)}
/* services overview zig-zag */
.srows{display:grid;gap:70px}
.srow{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.srow.rev .srow-img{order:2}
.srow-img{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/11;background:#111;box-shadow:0 30px 60px -34px rgba(0,0,0,.5)}
.srow-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.srow-img:hover img{transform:scale(1.05)}
.srow-img:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.35);border-radius:6px;pointer-events:none}
.srow-n{position:absolute;inset-block-start:0;inset-inline-start:0;background:var(--ink);color:var(--amber);font-weight:800;font-size:44px;line-height:1;padding:14px 20px;border-end-end-radius:14px;z-index:2}
.srow-b h2{font-size:clamp(26px,2.6vw,36px);margin:16px 0 12px}
.srow-b h2 a:hover{color:var(--amber-d)}
.srow-b p{color:var(--g);font-size:18px}
.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}
.tags li{background:var(--bg);border:1px solid var(--line);padding:6px 12px;border-radius:999px;font-size:15px;font-weight:700}
/* service page */
.sv-grid{display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:start}
.sv-main{min-width:0}
.sv-photo{margin:0 0 40px;border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;background:#111;position:relative}
.sv-photo img{width:100%;height:100%;object-fit:cover}
.sv-photo:after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:30%;height:6px;background:var(--amber)}
.sv-p{font-size:19px;color:#333;margin-top:14px;max-width:70ch}
.sv-why{margin:44px 0;background:var(--ink);color:#fff;border-radius:var(--r);padding:38px 36px;position:relative;overflow:hidden}
.sv-why:after{content:"";position:absolute;width:160px;height:160px;border:12px solid var(--amber);transform:rotate(45deg);inset-inline-end:-110px;top:-110px;opacity:.9}
.sv-why h2{font-size:clamp(24px,2.4vw,30px);margin:0 0 18px;color:var(--amber);position:relative;z-index:1;max-width:calc(100% - 50px)}
.sv-why ul{list-style:none;display:grid;gap:14px;position:relative;z-index:1}
.sv-why li{display:flex;gap:14px;align-items:flex-start;font-size:17.5px;color:#ddd}
.sv-why li b{color:#fff}
.sv-why .chk{margin-top:2px}
.sv-scope{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.sv-scope .svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;border-top:3px solid var(--amber)}
.sv-scope .svc h4{font-size:20px;margin-bottom:8px;line-height:1.3}
.sv-scope .svc p{color:var(--g);font-size:16.5px}
.sv-side{position:sticky;top:96px;display:grid;gap:22px}
.side-box{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:#fff}
.side-box h3,.side-cta h3{font-size:19px;margin-bottom:12px}
.side-list{list-style:none;display:grid;gap:4px}
.side-list a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;font-weight:700;font-size:16px;line-height:1.35;transition:background .2s}
.side-list a:hover{background:var(--bg)}
.side-list a.on{background:var(--ink);color:#fff}
.side-cta{background:var(--ink);color:#fff;border-radius:var(--r);padding:26px;position:relative;overflow:hidden}
.side-cta:before{content:"";position:absolute;width:120px;height:120px;border:10px solid var(--amber);transform:rotate(45deg);inset-inline-end:-80px;bottom:-80px}
.side-cta h3{color:var(--amber)}
.side-cta p{color:var(--g2);font-size:16px;margin-bottom:18px}
.side-cta .btn{position:relative;z-index:1;font-size:16px;padding:12px 20px}
.relsec{padding:80px 0}
.rels{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rel{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);transition:transform .4s var(--ease),border-color .3s}
.rel:hover{transform:translateY(-5px);border-color:var(--amber)}
.rel img{width:100%;aspect-ratio:16/9;object-fit:cover}
.rel>div{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.rel h3{font-size:19px;line-height:1.3}
/* quality page */
.qpage{padding:100px 0}
.qpage .vals{grid-template-columns:repeat(4,1fr)}
.qpage .note{color:var(--g2);margin-top:30px;font-size:16px}
.sees{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.seecard{display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:border-color .3s,transform .4s var(--ease)}
.seecard:hover{border-color:var(--amber);transform:translateY(-4px)}
.seecard h3{font-size:20px;line-height:1.3}.seecard p{color:var(--g);font-size:16px}
.seecard>div{flex:1}
.seecard>.bi svg{width:22px;height:22px;stroke:var(--amber-d)}
/* process page */
.pr-top{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:80px}
.pr-flow{margin-top:20px}
.pr-photo{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;position:relative}
.pr-photo img{width:100%;height:100%;object-fit:cover}
.pr-photo:after{content:"";position:absolute;inset:16px;border:2px solid var(--amber);border-radius:6px;pointer-events:none}
.timeline{list-style:none;position:relative;display:grid;gap:30px;max-width:980px;margin:0 auto}
.timeline:before{content:"";position:absolute;top:10px;bottom:10px;left:50%;width:2px;margin-left:-1px;background:repeating-linear-gradient(180deg,var(--amber) 0 8px,transparent 8px 16px)}
.tl-i{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center}
.tl-n{grid-column:2;display:grid;place-items:center}
.tl-n span{width:64px;height:64px;color:var(--amber);font-weight:800;font-size:21px;display:grid;place-items:center;position:relative;z-index:0;transition:color .3s}
.tl-n span:before{content:"";position:absolute;inset:8px;background:var(--ink);border:2px solid var(--amber);transform:rotate(45deg);z-index:-1;transition:background .3s,transform .4s var(--ease)}
.tl-i:hover .tl-n span:before{background:var(--amber);transform:rotate(135deg)}
.tl-n span{line-height:1}
.tl-i:hover .tl-n span{color:var(--ink)}
.tl-c{grid-column:3;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 26px;box-shadow:0 20px 40px -32px rgba(0,0,0,.4)}
.tl-i:nth-child(even) .tl-c{grid-column:1;grid-row:1}
.tl-c small{color:var(--amber-d);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.tl-c h3{font-size:22px;margin:4px 0 6px}
.tl-c p{color:var(--g);font-size:17px}
/* sectors page photos */
.pg .sectors{grid-template-columns:repeat(2,1fr)}
/* contact page */
.cpage{padding:100px 0}
/* footer */
footer.foot2{padding:64px 0 0}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1.4fr 1fr;gap:40px}
.fcol h4{color:#fff;font-size:16px;margin-bottom:14px;position:relative;padding-bottom:10px}
.fcol h4:after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:28px;height:2px;background:var(--amber)}
.fcol ul{list-style:none;display:grid;gap:8px}
.fcol a:hover{color:var(--amber)}
.fbrand img{height:56px;width:auto;max-width:100%;margin-bottom:14px}
.ftag{font-weight:800;letter-spacing:.14em;color:#ddd;font-size:13px;margin-bottom:16px}
.ftag .sep,.ftag span.sep{color:var(--amber)}
.fbar{border-top:1px solid #161616;margin-top:46px;padding-top:20px;padding-bottom:22px;font-size:14px}
@media (max-width:1100px){
 .hsvc{flex-basis:calc((100% - 24px)/2)}
 .sv-grid{grid-template-columns:1fr}
 .sv-side{position:static;grid-template-columns:1fr 1fr}
 .hq-in{grid-template-columns:1fr;gap:40px}
 .fgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:980px){
 .htiles{grid-template-columns:1fr 1fr}
 .srow,.srow.rev{grid-template-columns:1fr;gap:26px}
 .srow.rev .srow-img{order:0}
 .rels{grid-template-columns:1fr 1fr}
 .qpage .vals{grid-template-columns:1fr 1fr}
 .pr-top{grid-template-columns:1fr}
 .timeline:before{left:auto;inset-inline-start:31px;margin:0}
 .tl-i,.tl-i:nth-child(even){grid-template-columns:64px 1fr;gap:22px}
 .tl-n{grid-column:1}
 .tl-c,.tl-i:nth-child(even) .tl-c{grid-column:2;grid-row:1}
 .pb-ico{width:120px;height:120px}.pb-ico svg{width:48px;height:48px}
}
@media (max-width:720px){
 .pbanner{padding:130px 0 64px}
 .pb-in{grid-template-columns:1fr}
 .pb-ico{display:none}
 .head-row{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px}
 .hsvc{flex-basis:100%}
 .htiles{gap:12px}
 .htile span{font-size:17px;padding:14px;margin-bottom:12px}
 .hvals,.sees,.rels,.pg .sectors,.qpage .vals,.sv-side{grid-template-columns:1fr}
 .sv-why{padding:30px 22px}
 .sv-photo{aspect-ratio:16/10}
 .srow-n{font-size:32px;padding:10px 14px}
 section.pg,section.hsec,.hq,.qpage,.cpage{padding:70px 0}
 .ctaband{padding:60px 0}
 .ctain .btns{width:100%}
 .fgrid{grid-template-columns:1fr}
 .std>div,.std>div:nth-child(4),.std>div:nth-child(5){grid-column:1/-1}
}

/* ================= REORG (single CTA, 3-col footer, sectors on home, merged quality page) ================= */
.fgrid{grid-template-columns:1.3fr 1fr 1.3fr}
.fcol h4 a:hover{color:var(--amber)}
.fmail2{margin:0 0 16px;font-size:15px}.fmail2 a:hover{color:var(--amber)}
.std.std3>div,.std.std3>div:nth-child(n){grid-column:span 2}
.hsectors{grid-template-columns:repeat(4,1fr);gap:18px}
.hsectors .sector.has-img{padding:0 0 16px}
.hsectors .sector .simgwrap{margin:0 0 14px}
.hsectors .sector .simg{aspect-ratio:16/11}
.hsectors .sector.has-img h3,.hsectors .sector.has-img ul{padding-inline:18px}
.hsectors .sector h3{font-size:19px;margin-bottom:6px}
.hsectors .sector li{font-size:15.5px;padding:6px 0}
.qdoc h2{margin-top:6px}
.side-photo{margin:0;aspect-ratio:4/3}
@media (max-width:1100px){.hsectors{grid-template-columns:1fr 1fr}.fgrid{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}
@media (max-width:980px){
 .nav{height:68px}
 header.solid .nav{height:58px}
 .brand{--bh:30px}
 header.solid .brand{--bh:26px}
 header .wrap{padding-inline:16px}
 .hcta{display:inline-flex!important;padding:6px 12px;font-size:14px}
 .hcta .bi{display:none}
 .nav .right{gap:8px}
}
@media (max-width:720px){.hsectors{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr}.std.std3>div,.std.std3>div:nth-child(n){grid-column:1/-1}}
@media (max-width:420px){
 .nav{height:64px}
 .nav .right{gap:6px}
 .hcta{padding:5px 10px;font-size:13px}
 .lang{padding:4px 10px;font-size:13px}
 .brand{--bh:28px}
 header.solid .brand{--bh:24px}
 .burger{width:36px}
}
@media (max-width:330px){
 .hcta{display:none!important}
}
.hcta{white-space:nowrap}
@media (max-width:980px){nav ul.open{background:#0b0b0b!important}}
@media (max-width:980px){header:has(ul.open){backdrop-filter:none;-webkit-backdrop-filter:none}}
.hsvc{flex-basis:calc((100% - 48px)/3)}
@media (max-width:1100px){.hsvc{flex-basis:calc((100% - 24px)/2)}}
@media (max-width:720px){.hsvc{flex-basis:100%}}
/* ===== service photo slideshow ===== */
.sv-gal{margin:0 0 40px}
.sv-gal .sv-photo{margin:0}
.sl-view .sl-s{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}
.sl-view .sl-s.on{opacity:1}
.sl-view .sl-s img{width:100%;height:100%;object-fit:cover;display:block}
.sl-view:after{z-index:2}
.sl-b{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:rgba(17,17,17,.55);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.sl-b:hover,.sl-b:focus-visible{background:var(--amber);color:#111}
.sl-prev{left:14px}.sl-next{right:14px}
[dir=rtl] .sl-prev{left:auto;right:14px}[dir=rtl] .sl-next{right:auto;left:14px}
[dir=rtl] .sl-b span{transform:scaleX(-1);display:inline-block}
.sl-c{position:absolute;z-index:3;top:14px;inset-inline-end:14px;background:rgba(17,17,17,.6);color:#fff;font-size:13px;padding:4px 10px;border-radius:20px;direction:ltr}
.sl-ts{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.sl-t{flex:0 0 auto;width:92px;aspect-ratio:16/10;border-radius:8px;overflow:hidden;border:2px solid transparent;padding:0;background:#111;cursor:pointer;opacity:.6;transition:opacity .2s,border-color .2s}
.sl-t img{width:100%;height:100%;object-fit:cover;display:block}
.sl-t.on,.sl-t:hover{opacity:1;border-color:var(--amber)}
@media (max-width:640px){.sl-b{width:38px;height:38px;font-size:26px}.sl-t{width:70px}}
@media (prefers-reduced-motion:reduce){.sl-view .sl-s{transition:none}}

/* header brand motion already defined above; respect reduced motion */
@media (prefers-reduced-motion:reduce){
  .brand,header,.nav{transition:none}
}

/* === What defines our work (principles, not services) === */
.defines{margin-top:40px}
.dhead{margin-bottom:22px}
.dk{display:block;color:var(--amber-d);font-weight:800;letter-spacing:.16em;font-size:13px;margin-bottom:8px}
.dhead h2{font-size:clamp(26px,2.6vw,34px);line-height:1.25}
.dgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.dcard{position:relative;background:#fff;border:1px solid var(--line);border-top:3px solid var(--amber);border-radius:var(--r);padding:26px 24px;transition:transform .4s var(--ease),box-shadow .4s}
.dcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(0,0,0,.35)}
.dcard .ico{width:48px;height:48px;border-radius:12px;background:var(--ink2);margin-bottom:16px}
.dcard .ico svg{stroke:var(--amber)}
.dnum{position:absolute;top:20px;inset-inline-end:22px;font-weight:800;font-size:14px;letter-spacing:.08em;color:#c9c6bd}
.dcard h3{font-size:20px;margin-bottom:2px;color:var(--amber-d)}
.den{font-size:14px;font-weight:700;color:var(--amber-d);letter-spacing:.02em;margin-bottom:8px}
.dcard p:last-child{color:var(--g);font-size:16.5px;line-height:1.65;margin-top:6px}
@media (max-width:640px){.dgrid{grid-template-columns:1fr;gap:14px}.dcard{padding:22px 20px}}
.dnum{inset-inline-end:auto;right:22px}
[dir=rtl] .dnum{right:auto;left:22px}
[dir=rtl] .den{text-align:right}
.dtop{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.dtop .ico{margin-bottom:0;flex:none}
.dtt{min-width:0}
.dtt h3{margin:0;color:var(--amber-d)}
.dtt .den{margin:2px 0 0}
.dcard .dtt .den{color:var(--amber-d);font-size:14px;line-height:1.4;margin-top:2px}

/* === typography + process heading + shape clearance, 11/NOV/2026 === */
/* Process page: unified نهج card at the larger EN width; title at the start edge; body centered; no lead photo */
.pr-top{display:block;margin-bottom:80px}
.pr-top > div{display:block}
.pr-flow{width:min(944px,100%);max-width:100%;padding-inline-end:72px;margin-top:20px}
.pr-flow:after{width:140px;height:140px;border-width:12px;inset-inline-end:-110px;bottom:-110px}
.pr-flow p{width:auto;min-width:0;max-width:none}
.pr-flow .flow{white-space:nowrap}
.pr-flow h3{text-align:start}
.pr-flow .flow,.pr-flow p{text-align:center;text-align-last:center}
@media (min-width:981px){
  .pr-top h2{text-wrap:nowrap;margin-bottom:4px}
}
@media (max-width:980px){
  .pr-flow .flow{white-space:normal}
}

/* Justify body copy on screens wide enough to avoid stretched word-spacing.
   Last line stays at the start edge (right in Arabic, left in English). */
@media (min-width:641px){
  p,.lead,.pb-lead,.lead2,.about1 .sub,.about-bul li,.step p,.tl-c p,.seecard p,.scope,.hsvc-b p{
    text-align:justify;
    text-align-last:start;
    text-justify:inter-word;
  }
}
.quote,form p,.ftag,.fmail2,.fid,.motto,.h1en,.pen,.tagline{
  text-align:inherit;
  text-align-last:auto;
}
[dir=rtl] .h1en,[dir=rtl] .pen{text-align:right}

/* Strip under the hero: two rows of three from laptop down to 721px,
   so long labels like «التجهيزات وخطوط العمليات الصناعية» don't wrap to 4+ lines. */
.strip .wrap{display:flex;flex-wrap:wrap;justify-content:center;padding-block:6px}
.strip .wrap>*{flex:0 0 33.333%;min-width:0;border:0;border-inline-start:1px solid rgba(0,0,0,.12);border-bottom:0}
.strip .wrap>*:nth-child(1),
.strip .wrap>*:nth-child(4){border-inline-start:0}
.strip .wrap>*:nth-child(-n+3){border-bottom:1px solid rgba(0,0,0,.12)}
@media (max-width:720px){
  .strip .wrap{display:flex;flex-direction:column;flex-wrap:nowrap;padding-block:0}
  .strip .wrap>*,.strip .wrap>*:nth-child(n){flex:none;width:100%;border:0;border-bottom:1px solid rgba(0,0,0,.12);padding:14px 4px}
  .strip .wrap>*:last-child{border-bottom:0}
}

/* Sector tiles: icon + name only, dark cards, content centered */
.sector{
  background:var(--ink);
  color:#fff;
  border-color:var(--ink);
  background-image:radial-gradient(280px 180px at 100% 100%,rgba(235,160,29,.18),transparent);
}
.sector:not(.has-img),
.hsectors .sector:not(.has-img){
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px 22px;
}
.sector h3{color:#fff;margin-bottom:0;text-align:center}
.hsectors .sector h3{font-size:20px;line-height:1.35;margin-bottom:0;text-align:center}
.sector .ico{background:#2a2108;margin:0 auto 16px}
.sector .ico svg{stroke:var(--amber)}
.sector:hover{border-color:var(--amber);box-shadow:0 24px 44px -22px rgba(0,0,0,.5)}
.sector:hover .ico{transform:rotate(-8deg) scale(1.06);background:var(--amber)}
.sector:hover .ico svg{stroke:var(--ink)}

/* Footer: motto flush with the logo lockup, start-aligned with the brand column */
.fbrand{display:flex;flex-direction:column;align-items:flex-start}
.fmark{display:flex;flex-direction:column;align-items:stretch;width:max-content;max-width:100%}
.fmark img{height:56px;width:auto;max-width:100%;margin-bottom:10px;display:block}
.fmark .ftag{display:flex;justify-content:space-between;align-items:baseline;width:100%;margin:0 0 16px;white-space:nowrap;letter-spacing:.06em;text-align:start}
.fmark .ftag > span{color:#ddd}
.fmark .ftag > .sep{color:var(--amber)}