/* سَمْت — منصة الإشراف الهندسي · الراجحي للاستشارات الهندسية */
:root{--bg:#0E0D0B;--bg2:#13120F;--sf:#18160F;--sf:#191714;--sf2:#211E1A;--sf3:#2A2621;--ln:rgba(237,230,216,.09);--ln2:rgba(237,230,216,.15);
--ink:#EFE9DD;--ink2:#CFC6B6;--mu:#9C9384;--g:#D2AE74;--gt:#E2C48E;--gd:#B8955A;--gbg:rgba(210,174,116,.12);--onG:#16130E;
--ok:#7DB38E;--okb:rgba(125,179,142,.13);--wr:#E0A955;--wrb:rgba(224,169,85,.13);--bd:#E07C64;--bdb:rgba(224,124,100,.14);--in:#8DB3D3;--inb:rgba(141,179,211,.13);--vi:#B5A3DB;--vib:rgba(181,163,219,.13);
--sh:0 1px 2px rgba(0,0,0,.3),0 12px 32px -14px rgba(0,0,0,.55);--sh2:0 30px 80px -20px rgba(0,0,0,.7);
--hd:rgba(14,13,11,.82);--glow1:rgba(210,174,116,.10);--glow2:rgba(141,179,211,.07);--bar:#36312A;--base:rgba(237,230,216,.16);
--r:16px;--r2:12px;--f:"IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;--hh:62px;--ease:cubic-bezier(.16,1,.3,1);
--pm-p1:#E2C48E;--pm-p2:#8DB3D3;--pm-glow:rgba(210,174,116,.12);--pm-spot:rgba(210,174,116,.09);--pm-intro-bg:#0E0D0B;color-scheme:dark}
html[data-theme=light]{--bg:#F6F2EA;--bg2:#EFE9DE;--sf:#FFFDF8;--sf2:#F7F2E9;--sf3:#EEE6D8;--ln:rgba(31,29,26,.09);--ln2:rgba(31,29,26,.16);
--ink:#1F1D1A;--ink2:#46423B;--mu:#6B6458;--g:#B8955A;--gt:#7A5620;--gd:#8C6C3B;--gbg:rgba(184,149,90,.13);--onG:#fff;
--ok:#3F6E4D;--okb:#E3EEE5;--wr:#8F5F14;--wrb:#F6EBD6;--bd:#A3402A;--bdb:#F6E1DA;--in:#355874;--inb:#E2EBF2;--vi:#5B4A87;--vib:#ECE7F5;
--sh:0 1px 2px rgba(31,29,26,.05),0 10px 28px -14px rgba(31,29,26,.18);--sh2:0 30px 70px -24px rgba(31,29,26,.3);
--hd:rgba(246,242,234,.85);--glow1:rgba(184,149,90,.12);--glow2:rgba(65,97,122,.07);--bar:#DDD3C2;--base:rgba(31,29,26,.14);--pm-intro-bg:#F6F2EA;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:radial-gradient(900px 480px at 100% -10%,var(--glow1),transparent 60%),radial-gradient(800px 460px at -10% 8%,var(--glow2),transparent 60%),var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.7;overflow-x:hidden;min-height:100vh}
a{color:inherit}img,svg{max-width:100%}
h1,h2,h3,h4{line-height:1.35;margin:0 0 8px;font-weight:600}
p{margin:0 0 14px}
button,input,select,textarea{font:inherit;color:inherit}
.n,.num{font-variant-numeric:tabular-nums}
.lat{direction:ltr;unicode-bidi:isolate;display:inline-block}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--g);outline-offset:2px;border-radius:8px}
/* buttons */
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 18px;border-radius:12px;border:1px solid var(--ln2);background:var(--sf);color:var(--ink);font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .3s var(--ease),background .2s,border-color .2s,box-shadow .3s;white-space:nowrap}
.b:hover{border-color:var(--g)}
.b:active{transform:scale(.98)}
.b.pr{background:linear-gradient(135deg,#DDBB82,#B8955A);border-color:transparent;color:#16130E;box-shadow:0 10px 24px -12px rgba(184,149,90,.8)}
.b.pr:hover{box-shadow:0 14px 30px -12px rgba(184,149,90,.95);transform:translateY(-1px)}
.b.ok{background:var(--okb);color:var(--ok);border-color:transparent}
.b.bad{background:var(--bdb);color:var(--bd);border-color:transparent}
.b.gh{background:transparent}
.b.sm{min-height:36px;padding:6px 13px;font-size:14px;border-radius:10px}
.b svg{width:18px;height:18px;flex:none}
.b[disabled]{opacity:.45;pointer-events:none}
.ib{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:12px;border:1px solid var(--ln2);background:var(--sf);color:var(--ink);cursor:pointer;flex:none}
.ib svg{width:19px;height:19px}
.ib:hover{border-color:var(--g)}
/* theme toggle icons */
.tg .sun{display:none}html[data-theme=light] .tg .sun{display:block}html[data-theme=light] .tg .moon{display:none}
/* chips */
.ch{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:500;white-space:nowrap;background:var(--sf3);color:var(--ink2);line-height:1.9}
.ch::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}
.ch.no::before{display:none}
.ch.ok{background:var(--okb);color:var(--ok)}.ch.wr{background:var(--wrb);color:var(--wr)}.ch.bd{background:var(--bdb);color:var(--bd)}.ch.in{background:var(--inb);color:var(--in)}.ch.vi{background:var(--vib);color:var(--vi)}.ch.gd{background:var(--gbg);color:var(--gt)}
.demo{display:inline-flex;align-items:center;font-size:11.5px;color:var(--gt);border:1px dashed color-mix(in srgb,var(--g) 55%,transparent);padding:1px 9px;border-radius:999px;white-space:nowrap;font-weight:500}
.en{font-size:11px;color:var(--mu);letter-spacing:.04em;font-weight:500;direction:ltr;unicode-bidi:isolate}
.mu{color:var(--mu)}.gt{color:var(--gt)}
/* header */
.hd{position:sticky;top:0;z-index:60;background:var(--hd);backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);border-bottom:1px solid var(--ln)}
.hd .in{max-width:1320px;margin:0 auto;height:var(--hh);display:flex;align-items:center;gap:14px;padding:0 20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none;min-width:0}
.brand svg{width:36px;height:36px;flex:none}
.brand b{font-size:21px;font-weight:600;line-height:1;display:block}
.brand small{display:block;font-size:11.5px;color:var(--mu);line-height:1.3;margin-top:4px;white-space:nowrap}
.sp{flex:1}
.nav{display:flex;gap:2px}
.nav a{padding:8px 13px;border-radius:999px;text-decoration:none;font-size:14.5px;color:var(--ink2);white-space:nowrap;transition:background .2s,color .2s}
.nav a:hover{background:var(--sf2);color:var(--ink)}
@media (max-width:980px){.nav{display:none}}
@media (max-width:520px){.brand small{display:none}.hd .in{padding:0 14px;gap:10px}.brand{gap:8px}.brand .orgmk{width:28px;height:28px}}
/* cards */
.cd{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);box-shadow:var(--sh);padding:18px}
.cd h3{font-size:16.5px}
.grid{display:grid;gap:14px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g2{grid-template-columns:1fr}}
@media (max-width:560px){.g3{grid-template-columns:1fr}}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.between{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
/* toast */
.toasts{position:fixed;inset-inline:0;bottom:84px;display:grid;justify-items:center;gap:8px;z-index:200;pointer-events:none;padding:0 14px}
.toast{background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:14px;font-size:14.5px;box-shadow:var(--sh2);max-width:520px;animation:tIn .5s var(--ease);display:flex;gap:10px;align-items:center}
.toast svg{width:18px;height:18px;flex:none;color:var(--g)}
@keyframes tIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.foot{border-top:1px solid var(--ln);margin-top:56px;padding:26px 0 30px;color:var(--mu);font-size:13.5px}
.foot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* هوية المكتب — شعار الراجحي للاستشارات الهندسية (من ملفهم التعريفي، أحادي اللون ويتبع الوضع) */
.orgmk{display:block;flex:none;width:30px;height:30px;background:var(--ink2);-webkit-mask:url(/img/alrajhi-mark.png) center/contain no-repeat;mask:url(/img/alrajhi-mark.png) center/contain no-repeat}
.orgsep{display:block;flex:none;width:1px;height:26px;background:var(--ln2)}
.orgmk.lg{width:64px;height:64px;background:var(--ink)}
.iso{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ln2);border-radius:12px;padding:6px 12px;font-size:13.5px;color:var(--ink2);background:var(--sf)}
.iso b{font-weight:600;color:var(--gt);direction:ltr;unicode-bidi:isolate}
.svc{display:flex;flex-wrap:wrap;gap:8px}
.svc span{background:var(--sf2);border:1px solid var(--ln);border-radius:999px;padding:4px 13px;font-size:14px;color:var(--ink2)}
.ofh{display:flex;align-items:center;gap:16px;min-width:0}
.ofh h2,.ofh h1{margin:0}
.ofsrc{font-size:12.5px;color:var(--mu);margin-top:14px}
.ofsrc a{color:var(--gt)}