/* ============================================================
   RIAYA WORKFORCE v3.0 — Full Stack Website
   Features: Bilingual AR/EN · Dark/Light · Gallery · Team · Jobs · 404
   ============================================================ */

/* ─ Font Awesome Icon Styling ─ */
.abt-vm-icon-wrap i,.abt-val-ic i,.abt-why-icon-box i,.glass-ic i,.why-ic i,.ci-ic i,.hc-icon i,.mini-ic i{font-style:normal;}
.abt-vm-icon-wrap i{font-size:28px;}
.abt-val-ic i{font-size:22px;color:var(--or);}
.abt-why-icon-box i{font-size:28px;color:var(--or);}
.glass-ic i{font-size:24px;}
.why-ic i{font-size:24px;color:var(--or);}
.ci-ic i{font-size:20px;color:var(--or);}
.hc-icon i{font-size:22px;color:var(--or);}
.mini-ic i{font-size:16px;}
.svc-ic i{font-size:36px;color:var(--or);transition:color .3s;}
.svc-card:hover .svc-ic i{color:#1C6B8A;}
.ithumb i{font-size:20px;color:var(--or);}
.team-avatar i{font-size:48px;color:var(--or);}
.prj-img i{font-size:48px;color:var(--or);}
.news-img i{font-size:36px;color:var(--or);}
.job-ic i{font-size:24px;color:var(--or);}
.ptn-logo i{font-size:36px;color:var(--or);}
.gal-zoom i{font-size:22px;}
.lb-close i{font-size:20px;}
.btn-theme i{font-size:16px;}
.ib i{font-size:14px;}
.ib.d i{color:#e74c3c;}
.fa-whatsapp{color:#25D366 !important;}

/* ── VARIABLES ── */
:root {
  --or:#FF6B1A; --or2:#FF8C42; --or-g:rgba(255,107,26,.14);
  --bg:#0A1628; --bg2:#0F1F38; --bg3:#162040; --card:#111D33;
  --txt:#F0F4FF; --txt2:#8FA0BB; --txt3:#C5D5E8;
  --bdr:rgba(255,255,255,.07); --bdr-or:rgba(255,107,26,.28);
  --shadow:0 24px 64px rgba(0,0,0,.45);
  --r:16px; --ease:cubic-bezier(.4,0,.2,1); --spring:cubic-bezier(.34,1.56,.64,1);
  --font-ar:'Cairo','Tajawal',sans-serif; --font-en:'Inter',sans-serif;
}
[data-theme="light"]{
  --bg:#F0F4FA; --bg2:#E4EBF5; --bg3:#D8E3F0; --card:#FFFFFF;
  --txt:#0F1F38; --txt2:#4A6080; --txt3:#2D4060;
  --bdr:rgba(0,0,0,.09); --bdr-or:rgba(255,107,26,.35);
  --shadow:0 12px 40px rgba(0,0,0,.12);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-ar);background:var(--bg);color:var(--txt);overflow-x:hidden;transition:background .35s,color .35s;}
[data-lang="en"]{direction:ltr;font-family:var(--font-en);}
[data-lang="en"] [data-ar]{display:none;}
[data-lang="ar"] [data-en]{display:none;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--or);border-radius:3px;}

/* ── LOADER ── */
#loader{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .6s,visibility .6s;}
#loader.out{opacity:0;visibility:hidden;pointer-events:none;}
.ld-logo{animation:ldPulse 1.6s ease-in-out infinite;}
@keyframes ldPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(255,107,26,.4));}50%{transform:scale(1.07);filter:drop-shadow(0 0 28px rgba(255,107,26,.8));}}
.ld-track{width:180px;height:3px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;}
.ld-fill{height:100%;background:linear-gradient(90deg,var(--or),var(--or2));border-radius:2px;animation:ldBar 1.9s ease forwards;}
@keyframes ldBar{from{width:0}to{width:100%}}
.ld-txt{font-size:12px;color:var(--txt2);letter-spacing:3px;text-transform:uppercase;}

/* ── CURSOR ── */
#cur-dot,#cur-ring{position:fixed;pointer-events:none;z-index:9998;border-radius:50%;transform:translate(-50%,-50%);}
#cur-dot{width:7px;height:7px;background:var(--or);transition:transform .1s;}
#cur-ring{width:34px;height:34px;border:2px solid rgba(255,107,26,.45);transition:all .17s ease;}
@media(hover:none){#cur-dot,#cur-ring{display:none;}}

/* ── VIEWS ── */
.view{display:none;min-height:100vh;animation:vIn .4s ease;}
.view.active{display:block;}
@keyframes vIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}

/* ── NAVBAR ── */
#nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;background:rgba(10,22,40,0);backdrop-filter:blur(0px);border-bottom:1px solid transparent;transition:all .4s var(--ease);}
[data-theme="light"] #nav{background:rgba(240,244,250,0);}
#nav.scrolled{background:rgba(10,22,40,.94);backdrop-filter:blur(22px);border-bottom:1px solid var(--bdr);box-shadow:0 4px 24px rgba(0,0,0,.25);}
[data-theme="light"] #nav.scrolled{background:rgba(240,244,250,.95);}
.nav-logo {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  padding: 4px;
}

.nav-logo img {
  height: 56px;
  width: auto;
  object-fit: contain;
  transition: all 0.3s ease;
  animation: logo-glow 4s infinite ease-in-out;
}

.nav-logo:hover img {
  transform: scale(1.04);
}

/* Moving premium shine effect exactly over the logo shapes */
.nav-logo::after {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.4) 30%,
    rgba(255, 255, 255, 0.85) 50%,
    rgba(255, 255, 255, 0.4) 70%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  animation: logo-shine 5s infinite ease-in-out;
  pointer-events: none;
  z-index: 2;
  -webkit-mask: url('img/logo.png') no-repeat center / contain;
  mask: url('img/logo.png') no-repeat center / contain;
}

@keyframes logo-glow {
  0%, 100% {
    filter: drop-shadow(0 2px 8px rgba(255, 255, 255, 0.25)) drop-shadow(0 0 4px rgba(255, 255, 255, 0.1));
  }
  50% {
    filter: drop-shadow(0 4px 20px rgba(255, 255, 255, 0.65)) drop-shadow(0 0 12px rgba(255, 255, 255, 0.25));
  }
}

@keyframes logo-shine {
  0% {
    left: -150%;
  }
  15% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}
.nav-links{display:flex;align-items:center;gap:2px;}
.nl{padding:8px 13px;color:var(--txt3);text-decoration:none;font-size:13.5px;font-weight:600;border-radius:9px;cursor:pointer;transition:all .25s;position:relative;background:none;border:none;font-family:inherit;}
.nl::after{content:'';position:absolute;bottom:4px;left:50%;right:50%;height:2px;background:var(--or);border-radius:1px;transition:all .3s var(--ease);}
.nl:hover,.nl.act{color:var(--txt);background:rgba(255,255,255,.05);}
.nl:hover::after,.nl.act::after{left:13%;right:13%;}
.nav-actions{display:flex;align-items:center;gap:8px;}
/* Theme toggle */
.btn-theme{width:38px;height:38px;border:1px solid var(--bdr);background:transparent;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:17px;transition:all .25s;color:var(--txt2);}
.btn-theme:hover{border-color:var(--bdr-or);background:var(--or-g);color:var(--or);}
/* Lang toggle */
.btn-lang{padding:8px 14px;border:1px solid var(--bdr-or);background:var(--or-g);color:var(--or);border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;transition:all .25s;font-family:inherit;letter-spacing:.5px;}
.btn-lang:hover{background:var(--or);color:#fff;}
.btn-dash{padding:9px 16px;border:1px solid var(--bdr-or);background:transparent;color:var(--or);border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .25s;font-family:inherit;}
.btn-dash:hover{background:var(--or-g);}
.btn-cta{padding:10px 20px;background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s var(--spring);box-shadow:0 4px 14px rgba(255,107,26,.35);font-family:inherit;}
.btn-cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 22px rgba(255,107,26,.5);}
/* Mobile menu */
.btn-menu{display:none;width:38px;height:38px;border:1px solid var(--bdr);background:transparent;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:20px;color:var(--txt2);}
.mobile-nav{display:none;position:fixed;top:72px;left:0;right:0;background:var(--card);border-bottom:1px solid var(--bdr);padding:16px 24px;flex-direction:column;gap:8px;z-index:999;animation:slideDown .3s ease;}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}
.mobile-nav.open{display:flex;}
.mobile-nav .nl{text-align:center;padding:12px;}

/* ── HERO ── */
#hero-s{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:url('img/WhatsApp%20Image%202026-04-18%20at%2012.00.30%20AM.jpeg') center 75%/150% auto no-repeat;}
.hero-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.hero-bg::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,14,28,.82) 0%,rgba(10,22,40,.75) 40%,rgba(15,31,56,.68) 100%);z-index:1;}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(6,14,28,.95) 0%,transparent 35%,transparent 65%,rgba(6,14,28,.85) 100%);z-index:1;}
[data-theme="light"] .hero-bg::before{background:linear-gradient(135deg,rgba(200,216,240,.75) 0%,rgba(216,232,255,.7) 40%,rgba(228,238,248,.65) 100%);}
[data-theme="light"] .hero-bg::after{background:linear-gradient(to top,rgba(228,238,248,.9) 0%,transparent 35%,transparent 65%,rgba(200,216,240,.8) 100%);}
.hero-mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(255,107,26,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,26,.04) 1px,transparent 1px);background-size:72px 72px;animation:meshY 25s linear infinite;mix-blend-mode:overlay;}
@keyframes meshY{from{transform:translateY(0);}to{transform:translateY(72px);}}
.hero-orb{position:absolute;border-radius:50%;animation:orbP 5s ease-in-out infinite;}
.ho1{width:700px;height:700px;right:-180px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(255,107,26,.11) 0%,transparent 70%);}
.ho2{width:420px;height:420px;left:-80px;bottom:-80px;background:radial-gradient(circle,rgba(28,50,81,.5) 0%,transparent 70%);animation-delay:-3s;}
@keyframes orbP{0%,100%{scale:1;opacity:.7;}50%{scale:1.1;opacity:1;}}
/* Floating ring */
.hero-ring{position:absolute;width:560px;height:560px;right:-30px;top:50%;transform:translateY(-50%);border:1px solid rgba(255,107,26,.07);border-radius:50%;animation:ringR 28s linear infinite;}
.hero-ring::before{content:'';position:absolute;top:-5px;left:50%;width:10px;height:10px;background:var(--or);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 14px var(--or);}
@keyframes ringR{from{transform:translateY(-50%) rotate(0);}to{transform:translateY(-50%) rotate(360deg);}}
/* Particles */
.particle{position:absolute;border-radius:50%;animation:partF linear infinite;opacity:0;background:var(--or);}
@keyframes partF{0%{transform:translateY(100vh) translateX(0);opacity:0;}10%{opacity:.5;}90%{opacity:.2;}100%{transform:translateY(-10vh) translateX(var(--dx));opacity:0;}}

.hero-wrap{position:relative;z-index:2;max-width:100%;margin:0;padding:110px 44px 80px;display:flex;justify-content:flex-start;align-items:center;}
[data-lang="en"] .hero-wrap{justify-content:flex-end;}
.hero-content{display:flex;flex-direction:column;align-items:flex-start;text-align:right;max-width:680px;width:100%;}
[data-lang="en"] .hero-content{align-items:flex-start;text-align:left;}
/* Text side */
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,26,.1);border:1px solid rgba(255,107,26,.22);border-radius:30px;padding:7px 18px;font-size:12px;color:var(--or);font-weight:700;margin-bottom:22px;letter-spacing:1px;animation:badgeIn .8s var(--spring) both;}
@keyframes badgeIn{from{opacity:0;transform:translateY(20px) scale(.8);}to{opacity:1;transform:none;}}
.bdot{width:7px;height:7px;background:var(--or);border-radius:50%;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,107,26,.4);}50%{opacity:.4;box-shadow:0 0 0 7px rgba(255,107,26,0);}}
.hero-title{font-size:clamp(36px,4.5vw,62px);font-weight:900;line-height:1.1;margin-bottom:20px;}
.ln-wrap{display:block;overflow:hidden;}
.hero-title .ln{display:block;animation:lnIn .7s var(--ease) both;}
.ln:nth-child(1){animation-delay:.1s;}.ln:nth-child(2){animation-delay:.22s;}.ln:nth-child(3){animation-delay:.34s;}
@keyframes lnIn{from{opacity:0;transform:translateY(100%);}to{opacity:1;transform:none;}}
.hero-title .hl{color:var(--or);background:linear-gradient(135deg,var(--or),#FFB347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-sub{font-size:16px;color:var(--txt3);line-height:1.85;margin-bottom:34px;animation:fadeUp .7s .5s ease both;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-start;animation:fadeUp .7s .65s ease both;}
[data-lang="en"] .hero-btns{justify-content:flex-start;}
.hero-stats{display:flex;gap:32px;margin-top:44px;flex-wrap:wrap;justify-content:flex-start;animation:fadeUp .7s .8s ease both;}
[data-lang="en"] .hero-stats{justify-content:flex-start;}
.hs-item{position:relative;padding-right:32px;}
.hs-item::before{content:'';position:absolute;right:0;top:10%;height:80%;width:1px;background:var(--bdr);}
.hs-item:first-child{padding-right:0;}
.hs-item:first-child::before{display:none;}
.hs-val{font-size:28px;font-weight:900;color:var(--or);font-family:'Bebas Neue',sans-serif;letter-spacing:1px;}
.hs-lbl{font-size:11px;color:var(--txt2);margin-top:4px;}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}

/* ── SECTION COMMONS ── */
.sec{max-width:1280px;margin:0 auto;padding:88px 44px;}
.sec-hd{margin-bottom:52px;}
.sec-badge{display:inline-flex;align-items:center;gap:7px;background:var(--or-g);border:1px solid var(--bdr-or);color:var(--or);font-size:11px;font-weight:700;padding:5px 15px;border-radius:20px;margin-bottom:14px;letter-spacing:2px;text-transform:uppercase;}
.sec-title{font-size:clamp(26px,3.5vw,42px);font-weight:900;line-height:1.15;margin-bottom:12px;}
.sec-title .hl{color:var(--or);}
.sec-sub{font-size:15.5px;color:var(--txt3);line-height:1.8;max-width:580px;}
/* reveal */
.rv{opacity:0;transform:translateY(36px);transition:all .65s var(--ease);}
.rv.vis{opacity:1;transform:none;}
.rv-l{opacity:0;transform:translateX(-36px);transition:all .65s var(--ease);}
.rv-l.vis{opacity:1;transform:none;}
.rv-r{opacity:0;transform:translateX(36px);transition:all .65s var(--ease);}
.rv-r.vis{opacity:1;transform:none;}
.rv-sc{opacity:0;transform:scale(.87);transition:all .55s var(--spring);}
.rv-sc.vis{opacity:1;transform:none;}
.d1{transition-delay:.08s;}.d2{transition-delay:.16s;}.d3{transition-delay:.24s;}.d4{transition-delay:.32s;}.d5{transition-delay:.40s;}.d6{transition-delay:.48s;}

/* ── ABOUT ── */

/* Container */
.abt-container{max-width:1280px;margin:0 auto;padding:0 24px;}
@media(min-width:1024px){.abt-container{padding:0 48px;}}

/* Section headers */
.abt-sec-hd{text-align:center;margin-bottom:64px;}
.abt-sec-title{font-size:clamp(26px,3.5vw,40px);font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.02em;}
[data-theme="light"] .abt-sec-title{color:var(--txt);}
.abt-sec-sub{font-size:18px;color:var(--txt2);max-width:640px;margin:0 auto;line-height:1.6;}
.abt-divider{width:96px;height:4px;background:var(--or);margin:12px auto 0;opacity:.5;border-radius:4px;}

/* ─ About Hero ─ */
.abt-hero{position:relative;min-height:716px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.abt-hero-bg{position:absolute;inset:0;z-index:0;}
.abt-hero-img{width:100%;height:100%;object-fit:cover;opacity:.3;mix-blend-mode:luminosity;}
.abt-hero-grad{position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0%,rgba(4,19,41,.8) 50%,rgba(4,19,41,.4) 100%);}
[data-theme="light"] .abt-hero-grad{background:linear-gradient(to top,var(--bg) 0%,rgba(220,230,245,.85) 50%,rgba(220,230,245,.5) 100%);}
.abt-hero-content{position:relative;z-index:2;max-width:900px;padding:0 24px;text-align:center;}
@media(min-width:1024px){.abt-hero-content{padding:0 48px;}}
.abt-hero-title{font-size:clamp(30px,4.5vw,56px);font-weight:700;color:#fff;margin-bottom:24px;letter-spacing:-.02em;line-height:1.15;}
[data-theme="light"] .abt-hero-title{color:var(--txt);}
.abt-hero-sub{font-size:clamp(16px,1.5vw,20px);color:rgba(224,191,182,1);line-height:1.65;margin-bottom:40px;max-width:768px;margin-left:auto;margin-right:auto;}
[data-theme="light"] .abt-hero-sub{color:var(--txt2);}
.abt-cta{padding:16px 32px;font-size:18px;font-weight:600;border-radius:6px;background:linear-gradient(135deg,var(--or),var(--or2));box-shadow:0 0 32px rgba(255,112,67,.2);}
.abt-cta:hover{opacity:.9;}

/* ─ Vision & Mission ─ */
.abt-vm-sec{padding:96px 0;background:#0d1c32 url('img/Gemini_Generated_Image_9mtabn9mtabn9mta.png') center/cover no-repeat;position:relative;border-top:1px solid rgba(89,65,58,.1);}
.abt-vm-sec::before{content:'';position:absolute;inset:0;background:rgba(13,28,50,.55);z-index:0;}
.abt-vm-sec>.abt-container{position:relative;z-index:1;}
[data-theme="light"] .abt-vm-sec{background-color:var(--bg2);border-top-color:rgba(0,0,0,.06);}
[data-theme="light"] .abt-vm-sec::before{background:rgba(255,255,255,.82);}
.abt-vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
@media(min-width:1024px){.abt-vm-grid{gap:48px;}}
.abt-vm-card{background:rgba(13,28,50,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:40px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:background .5s,transform .4s,box-shadow .4s;}
.abt-vm-card:hover{background:rgba(13,28,50,.6);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.3);}
[data-theme="light"] .abt-vm-card{background:rgba(255,255,255,.45);border-color:rgba(0,0,0,.08);}
[data-theme="light"] .abt-vm-card:hover{background:rgba(255,255,255,.6);}
.abt-vm-accent{position:absolute;top:0;left:0;width:100%;height:8px;opacity:.5;}
.abt-accent-teal{background:linear-gradient(90deg,#1C6B8A,#41aca2);}
.abt-accent-or{background:linear-gradient(90deg,var(--or),var(--or2));}
.abt-vm-icon-wrap{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:32px;border:1px solid rgba(89,65,58,.2);}
.abt-icon-teal{background:#1c2a41;color:#71d7cd;}
.abt-icon-or{background:#1c2a41;color:var(--or);}
[data-theme="light"] .abt-icon-teal,[data-theme="light"] .abt-icon-or{background:rgba(0,0,0,.05);}
.abt-vm-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:16px;}
[data-theme="light"] .abt-vm-title{color:var(--txt);}
.abt-vm-txt{font-size:18px;color:var(--txt2);line-height:1.65;}

/* ─ Values Bento ─ */
.abt-vals-sec{padding:96px 0;background:var(--bg) url('img/Gemini_Generated_Image_am26hbam26hbam26 (1).png') center/cover no-repeat;position:relative;}
.abt-vals-sec::before{content:'';position:absolute;inset:0;background:rgba(10,20,40,.6);z-index:0;}
.abt-vals-sec>.abt-container{position:relative;z-index:1;}
[data-theme="light"] .abt-vals-sec::before{background:rgba(255,255,255,.75);}
.abt-vals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.abt-val-card{background:rgba(17,32,54,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:32px;transition:background .3s,transform .3s;}
.abt-val-card:hover{background:rgba(17,32,54,.65);transform:translateY(-3px);}
[data-theme="light"] .abt-val-card{background:rgba(255,255,255,.45);border-color:rgba(0,0,0,.08);}
[data-theme="light"] .abt-val-card:hover{background:rgba(255,255,255,.6);}
.abt-val-wide{grid-column:span 2;}
.abt-val-head{display:flex;align-items:center;gap:16px;margin-bottom:24px;}
.abt-val-ic{font-size:24px;}
.abt-val-tit{font-size:20px;font-weight:600;color:#fff;}
[data-theme="light"] .abt-val-tit{color:var(--txt);}
.abt-val-txt{font-size:14px;color:var(--txt2);line-height:1.7;}

/* ─ Why Choose Us ─ */
.abt-why-sec{position:relative;overflow:hidden;padding:96px 0;background:#010e24;border-top:1px solid rgba(89,65,58,.1);}
[data-theme="light"] .abt-why-sec{background:var(--bg2);border-top-color:rgba(0,0,0,.06);}
.abt-why-radial{position:absolute;inset:0;opacity:.1;background:radial-gradient(ellipse at center,rgba(255,112,67,.2),transparent 70%);pointer-events:none;}
.abt-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.abt-why-card{position:relative;padding:24px;border-radius:12px;border:1px solid rgba(89,65,58,.1);background:rgba(4,19,41,.5);backdrop-filter:blur(12px);transition:all .3s;}
.abt-why-card:hover{background:#2c3951;transform:translateY(-4px);}
[data-theme="light"] .abt-why-card{background:rgba(255,255,255,.6);backdrop-filter:blur(12px);}
[data-theme="light"] .abt-why-card:hover{background:var(--card);}
.abt-why-icon-box{width:48px;height:48px;border-radius:8px;background:#112036;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:24px;transition:transform .3s;}
[data-theme="light"] .abt-why-icon-box{background:rgba(0,0,0,.05);}
.abt-why-card:hover .abt-why-icon-box{transform:scale(1.1);}
.abt-why-tit{font-size:18px;font-weight:600;color:#fff;margin-bottom:12px;line-height:1.4;}
[data-theme="light"] .abt-why-tit{color:var(--txt);}
.abt-why-txt{font-size:14px;color:var(--txt2);line-height:1.6;}

/* ── SERVICES ── */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;}
.svc-card{background:rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:28px;transition:.4s;position:relative;overflow:hidden;cursor:default;}
.svc-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,26,.08) 0%,transparent 60%);opacity:0;transition:.4s;}
.svc-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--or),var(--or2));transform:scaleX(0);transform-origin:right;transition:.4s;}
.svc-card:hover{border-color:rgba(255,107,26,.45);transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12);}
.svc-card:hover::before{opacity:1;}
.svc-card:hover::after{transform:scaleX(1);transform-origin:left;}
.svc-ic{width:52px;height:52px;background:var(--or-g);border:1px solid var(--bdr-or);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;transition:.3s var(--spring);}
.svc-card:hover .svc-ic{transform:scale(1.15) rotate(-5deg);}
.svc-card h3{font-size:17px;font-weight:700;margin-bottom:10px;}
.svc-card p{font-size:13px;color:var(--txt2);line-height:1.75;}

/* ── WORKFORCE ROLES ── */
#roles-s{background:var(--bg);padding:1px 0;}

/* Bento grid */
.roles-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px;}
.glass-wide{grid-column:span 2;}

/* Glass card */
.glass-sec{background:linear-gradient(145deg,rgba(13,28,50,.55),rgba(4,19,41,.75));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px rgba(0,0,0,.3);border-radius:20px;padding:32px;position:relative;overflow:hidden;transition:border-color .4s,transform .4s,box-shadow .4s;}
.glass-sec:hover{border-color:rgba(255,255,255,.1);transform:translateY(-4px);box-shadow:0 24px 56px rgba(0,0,0,.4);}
[data-theme="light"] .glass-sec{background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(228,235,245,.8));box-shadow:0 8px 32px rgba(0,0,0,.08);border-color:rgba(0,0,0,.06);}
[data-theme="light"] .glass-sec:hover{box-shadow:0 20px 50px rgba(0,0,0,.12);border-color:rgba(0,0,0,.1);}

/* Glow orbs */
.glass-glow{position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(80px);pointer-events:none;transition:opacity .7s;opacity:.6;}
.glass-sec:hover .glass-glow{opacity:1;}
.glass-glow-or{background:rgba(255,107,26,.08);top:-80px;right:-80px;}
.glass-glow-bl{background:rgba(49,72,99,.18);bottom:-80px;left:-80px;}
.glass-glow-tl{background:rgba(0,59,55,.16);top:-80px;left:-80px;}
[data-theme="light"] .glass-glow-or{background:rgba(255,107,26,.06);}
[data-theme="light"] .glass-glow-bl{background:rgba(49,72,99,.08);}
[data-theme="light"] .glass-glow-tl{background:rgba(0,59,55,.06);}

/* Section header inside glass card */
.glass-hd{display:flex;align-items:center;gap:16px;margin-bottom:28px;position:relative;z-index:1;}
.glass-ic{width:56px;height:56px;min-width:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;transition:transform .35s var(--spring);}
.glass-sec:hover .glass-ic{transform:scale(1.08) rotate(-4deg);}
.glass-ic-or{background:rgba(255,107,26,.1);border:1px solid rgba(255,107,26,.2);}
.glass-ic-bl{background:rgba(49,72,99,.25);border:1px solid rgba(49,72,99,.4);}
.glass-ic-tl{background:rgba(0,59,55,.3);border:1px solid rgba(0,59,55,.45);}
.glass-tit{font-size:20px;font-weight:800;color:var(--txt);margin-bottom:4px;}
.glass-sub{font-size:12px;color:var(--txt2);text-transform:uppercase;letter-spacing:1.5px;font-weight:500;}

/* Job items — grid cards (for wide sections) */
.job-grid{display:grid;gap:12px;position:relative;z-index:1;}
.job-grid-3{grid-template-columns:repeat(3,1fr);}
.job-grid-4{grid-template-columns:repeat(4,1fr);}
.job-item{background:rgba(13,28,50,.45);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:4px;border:1px solid transparent;transition:all .3s var(--ease);cursor:default;}
.job-item:hover{background:rgba(255,107,26,.04);border-color:rgba(255,107,26,.18);transform:translateY(-2px);}
[data-theme="light"] .job-item{background:rgba(0,0,0,.03);}
[data-theme="light"] .job-item:hover{background:rgba(255,107,26,.06);}
.job-main{display:flex;align-items:center;gap:10px;}
.job-name{font-size:15px;font-weight:700;color:var(--txt);}
.job-en{font-size:11px;color:var(--txt2);text-transform:uppercase;letter-spacing:1px;padding-inline-start:0;}

/* Highlighted job items (supervisors/managers) */
.job-item-hl .job-name{color:#71d7cd;}
.job-item-hl2 .job-name{color:#71d7cd;}

/* Job rows — vertical list (for half-width sections) */
.job-col{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1;}
.job-row{background:rgba(13,28,50,.45);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:14px;border:1px solid transparent;transition:all .3s var(--ease);cursor:default;}
.job-row:hover{background:rgba(255,107,26,.04);border-color:rgba(255,107,26,.18);transform:translateY(-2px);}
[data-theme="light"] .job-row{background:rgba(0,0,0,.03);}
[data-theme="light"] .job-row:hover{background:rgba(255,107,26,.06);}
.job-dot{width:8px;height:8px;min-width:8px;border-radius:50%;flex-shrink:0;}
.job-dot-or{background:var(--or);}
.job-dot-tl{background:#71d7cd;}
.job-dot-bl{background:#b0c9e8;}
.job-row-info{display:flex;flex-direction:column;gap:2px;flex:1;}
.job-row-info .job-name{font-size:15px;font-weight:700;color:var(--txt);}
.job-row-info .job-en{font-size:10px;}

/* CTA — radial glow */
.roles-cta{margin-top:40px;background:radial-gradient(circle at center,rgba(255,107,26,.12) 0%,var(--bg) 100%);border:1px solid rgba(255,107,26,.18);border-radius:24px;padding:56px 40px;text-align:center;position:relative;overflow:hidden;box-shadow:0 0 50px rgba(255,107,26,.06);}
.roles-cta h3{font-size:clamp(22px,3.5vw,32px);font-weight:800;color:var(--txt);margin-bottom:14px;line-height:1.5;}
.roles-cta p{font-size:15px;color:var(--txt2);line-height:1.8;max-width:600px;margin:0 auto 28px;}
.roles-cta .btn-primary{font-size:16px;font-weight:800;padding:16px 36px;border-radius:14px;}

/* ── WHY US ── */
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:48px;}
.why-card{background:rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:28px;transition:.3s;display:flex;gap:18px;align-items:flex-start;}
.why-card:hover{border-color:rgba(255,107,26,.45);transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,.25);}
.why-ic{width:48px;height:48px;min-width:48px;background:var(--or-g);border:1px solid var(--bdr-or);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;}
.why-tit{font-size:16px;font-weight:700;margin-bottom:6px;}
.why-txt{font-size:13px;color:var(--txt2);line-height:1.7;}

/* ── PROJECTS ── */
.prj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;}
.prj-card{background:rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.10);border-radius:20px;overflow:hidden;transition:.4s;cursor:pointer;}
.prj-card:hover{border-color:rgba(255,107,26,.45);transform:translateY(-5px);box-shadow:0 24px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.10);}
.prj-img{height:195px;background:linear-gradient(135deg,var(--bg3),var(--bg2));display:flex;align-items:center;justify-content:center;font-size:52px;position:relative;overflow:hidden;}
.prj-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.prj-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,40,.7) 0%,transparent 50%);}
.prj-status{position:absolute;top:14px;right:14px;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;}
.st-done{background:rgba(76,175,80,.2);color:#4CAF50;border:1px solid rgba(76,175,80,.35);}
.st-go{background:var(--or-g);color:var(--or);border:1px solid var(--bdr-or);}
.prj-body{padding:22px;}
.prj-body h3{font-size:16px;font-weight:800;margin-bottom:8px;line-height:1.4;}
.prj-body p{font-size:13px;color:var(--txt2);line-height:1.65;margin-bottom:16px;}
.prj-meta{display:flex;gap:20px;}
.pm{font-size:12px;color:var(--txt2);}
.pm span{color:var(--or);font-weight:700;}

/* ── NEWS ── */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}
.news-card{background:rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.10);border-radius:20px;overflow:hidden;transition:.4s;cursor:pointer;}
.news-card:hover{border-color:rgba(255,107,26,.45);transform:translateY(-5px);box-shadow:0 24px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.10);}
.news-img{height:180px;background:linear-gradient(135deg,var(--bg3),var(--bg2));display:flex;align-items:center;justify-content:center;font-size:48px;position:relative;overflow:hidden;}
.news-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.news-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,40,.65) 0%,transparent 50%);}
.news-cat{position:absolute;top:13px;right:13px;background:var(--or);color:#fff;font-size:10px;font-weight:700;padding:4px 11px;border-radius:20px;}
.news-body{padding:18px;}
.news-date{font-size:11px;color:var(--txt2);margin-bottom:7px;}
.news-tit{font-size:14px;font-weight:700;line-height:1.5;margin-bottom:7px;}
.news-exc{font-size:12px;color:var(--txt2);line-height:1.65;}

/* ── GALLERY ── */
.gallery-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;}
.gf-btn{padding:8px 18px;border:1px solid var(--bdr);background:transparent;color:var(--txt2);border-radius:30px;font-size:13px;font-weight:600;cursor:pointer;transition:.25s;font-family:inherit;}
.gf-btn:hover,.gf-btn.act{background:var(--or);color:#fff;border-color:var(--or);}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:0;}
@keyframes galFadeIn {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
.gal-item{border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--card);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;font-size:48px;position:relative;cursor:pointer;transition:.35s;animation: galFadeIn 0.45s ease forwards;}
.gal-item:hover{transform:scale(1.03) !important;box-shadow:0 16px 40px rgba(0,0,0,.35);border-color:var(--bdr-or);}
.gal-item img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.gal-overlay{position:absolute;inset:0;background:rgba(255,107,26,.0);display:flex;align-items:center;justify-content:center;transition:.35s;}
.gal-item:hover .gal-overlay{background:rgba(255,107,26,.18);}
.gal-zoom{font-size:28px;opacity:0;transition:.3s;}
.gal-item:hover .gal-zoom{opacity:1;}

/* ── LIGHTBOX ── */
#lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:5000;display:none;align-items:center;justify-content:center;padding:20px;}
#lightbox.open{display:flex;}
.lb-inner{position:relative;max-width:90vw;max-height:90vh;}
.lb-inner img{max-width:100%;max-height:90vh;border-radius:12px;object-fit:contain;}
.lb-close{position:absolute;top:-16px;right:-16px;width:36px;height:36px;background:var(--or);border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;}

/* ── TEAM ── */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;}
.team-card{background:rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:24px;text-align:center;transition:.35s;cursor:default;}
.team-card:hover{border-color:rgba(255,107,26,.45);transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.10);}
.team-avatar{width:80px;height:80px;border-radius:50%;background:var(--or-g);border:2px solid var(--bdr-or);margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:32px;overflow:hidden;}
.team-avatar img{width:100%;height:100%;object-fit:cover;}
.team-name{font-size:15px;font-weight:700;margin-bottom:4px;}
.team-role{font-size:12px;color:var(--or);margin-bottom:8px;font-weight:600;}
.team-bio{font-size:12px;color:var(--txt2);line-height:1.6;}

/* ── JOBS ── */
.jobs-list{display:flex;flex-direction:column;gap:14px;margin-top:48px;}
.job-card{background:rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:.3s;cursor:pointer;}
.job-card:hover{border-color:rgba(255,107,26,.45);transform:translateX(6px);box-shadow:0 12px 28px rgba(0,0,0,.25);}
[data-lang="en"] .job-card:hover{transform:translateX(-6px);}
.job-left{display:flex;gap:16px;align-items:center;}
.job-ic{width:46px;height:46px;min-width:46px;background:var(--or-g);border:1px solid var(--bdr-or);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;}
.job-title{font-size:15px;font-weight:700;margin-bottom:4px;}
.job-meta{font-size:12px;color:var(--txt2);}
.job-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px;}
.job-tag{font-size:11px;padding:3px 10px;border-radius:20px;border:1px solid var(--bdr);color:var(--txt2);background:transparent;}
.job-right{display:flex;gap:10px;align-items:center;}


/* ── TESTIMONIALS ── */
.test-slider{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;}
.test-card{background:rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:28px;transition:.3s;position:relative;}
.test-card:hover{border-color:rgba(255,107,26,.45);box-shadow:0 16px 36px rgba(0,0,0,.25);}
.test-quote{font-size:40px;color:var(--or);line-height:1;margin-bottom:12px;font-family:'Bebas Neue',sans-serif;}
.test-txt{font-size:14px;color:var(--txt3);line-height:1.8;margin-bottom:18px;}
.test-author{display:flex;align-items:center;gap:12px;}
.test-av{width:44px;height:44px;border-radius:50%;background:var(--or-g);border:1px solid var(--bdr-or);display:flex;align-items:center;justify-content:center;font-size:20px;}
.test-name{font-size:14px;font-weight:700;}
.test-pos{font-size:11px;color:var(--or);}
.test-stars{color:#FFB347;font-size:13px;margin-bottom:3px;}

/* ── HOW WE WORK ── */
.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;position:relative;}
.how-steps::before{content:'';position:absolute;top:40px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,var(--or),var(--or2));opacity:.25;z-index:0;}
.step-card{background:rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:28px;text-align:center;transition:.35s;position:relative;z-index:1;}
.step-card:hover{border-color:rgba(255,107,26,.45);transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.25);}
.step-num{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-family:'Bebas Neue',sans-serif;box-shadow:0 8px 20px rgba(255,107,26,.35);}
.step-tit{font-size:16px;font-weight:700;margin-bottom:10px;}
.step-txt{font-size:13px;color:var(--txt2);line-height:1.7;}
.step-list{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:5px;text-align:right;}
[data-lang="en"] .step-list{text-align:left;}
.step-list li{font-size:12px;color:var(--txt2);display:flex;align-items:center;gap:6px;}
.step-list li::before{content:'▸';color:var(--or);}

/* ── PARTNERS ── */
.ptn-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:48px;}
.ptn-card{background:rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:24px 16px;text-align:center;transition:.35s;cursor:pointer;position:relative;overflow:hidden;}
.ptn-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,var(--or-g) 0%,transparent 70%);opacity:0;transition:.35s;}
.ptn-card:hover{border-color:rgba(255,107,26,.45);transform:translateY(-4px) scale(1.03);box-shadow:0 16px 32px rgba(0,0,0,.25);}
.ptn-card:hover::before{opacity:1;}
.ptn-logo{font-size:30px;margin-bottom:9px;display:block;}
.ptn-name{font-size:13px;font-weight:700;}
.ptn-type{font-size:11px;color:var(--or);margin-top:3px;}

/* ── CONTACT ── */
.contact-wrap{display:grid;grid-template-columns:1fr 1.6fr;gap:56px;align-items:start;margin-top:48px;}
.cinfo{display:flex;flex-direction:column;gap:14px;}
.ci-item{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:17px;transition:.3s;}
.ci-item:hover{border-color:rgba(255,107,26,.45);transform:translateX(5px);box-shadow:0 10px 28px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.10);}
[data-lang="en"] .ci-item:hover{transform:translateX(-5px);}
.ci-ic{width:42px;height:42px;min-width:42px;background:var(--or-g);border:1px solid var(--bdr-or);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:19px;}
.ci-lbl{font-size:11px;color:var(--txt2);margin-bottom:3px;}
.ci-val{font-size:14px;font-weight:700;}
.cfm{background:rgba(255,255,255,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:30px;box-shadow:0 24px 60px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08);}
.cfm-tit{font-size:18px;font-weight:800;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--bdr);}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.f-grp{display:flex;flex-direction:column;gap:7px;}
.f-grp.full{grid-column:1/-1;}
.f-grp label{font-size:12px;font-weight:700;color:var(--txt3);}
.f-grp input,.f-grp textarea,.f-grp select{background:rgba(255,255,255,.04);border:1px solid var(--bdr);border-radius:10px;padding:11px 15px;color:var(--txt);font-size:13.5px;font-family:inherit;transition:.3s;outline:none;direction:inherit;}
[data-theme="light"] .f-grp input,[data-theme="light"] .f-grp textarea,[data-theme="light"] .f-grp select{background:rgba(0,0,0,.04);}
.f-grp input:focus,.f-grp textarea:focus,.f-grp select:focus{border-color:var(--bdr-or);background:var(--or-g);box-shadow:0 0 0 3px rgba(255,107,26,.1);}
.f-grp textarea{resize:vertical;min-height:95px;}
.f-grp select option{background:var(--bg);}
.f-actions{display:flex;gap:12px;margin-top:18px;justify-content:flex-end;}
/* Auto reply */
.auto-reply{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);border-radius:12px;padding:16px;margin-top:14px;display:none;}
.auto-reply.show{display:block;}
.auto-reply p{font-size:13px;color:#4CAF50;font-weight:600;}

/* ── STATS BAR ── */
.stats-bar{background:linear-gradient(135deg,var(--or),var(--or2));padding:48px 0;margin:0;}
.stats-inner{max-width:1280px;margin:0 auto;padding:0 44px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
.sb-val{font-size:40px;font-weight:900;color:#fff;font-family:'Bebas Neue',sans-serif;letter-spacing:2px;}
.sb-lbl{font-size:13px;color:rgba(255,255,255,.85);margin-top:4px;}

/* ── FOOTER ── */
footer{background:#060C17;border-top:1px solid var(--bdr);padding:56px 44px 28px;}
[data-theme="light"] footer{background:#D0DCF0;}
.ft-inner{max-width:1280px;margin:0 auto;}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:36px;}
.ft-col h4{font-size:13px;font-weight:700;margin-bottom:14px;color:var(--txt);}
.ft-col a,.ft-col p{font-size:13px;color:var(--txt2);line-height:2.2;text-decoration:none;display:block;cursor:pointer;transition:.2s;}
.ft-col a:hover{color:var(--or);}
.ft-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:22px;border-top:1px solid var(--bdr);}
.ft-bottom p{font-size:12px;color:var(--txt2);}
.ft-bottom span{color:var(--or);}

/* ── 404 ── */
#notfound-view{display:none;min-height:100vh;align-items:center;justify-content:center;text-align:center;}
#notfound-view.active{display:flex;}
.nf-wrap{max-width:520px;padding:40px;}
.nf-num{font-size:140px;font-weight:900;color:var(--or);line-height:1;font-family:'Bebas Neue',sans-serif;animation:nfPulse 2s ease-in-out infinite;}
@keyframes nfPulse{0%,100%{filter:drop-shadow(0 0 20px rgba(255,107,26,.4));}50%{filter:drop-shadow(0 0 40px rgba(255,107,26,.8));}}
.nf-txt{font-size:24px;font-weight:700;margin-bottom:10px;}
.nf-sub{font-size:15px;color:var(--txt2);margin-bottom:28px;}

/* ── DASHBOARD ── */
#dashboard-view{background:var(--bg);}
.dash-layout{display:flex;min-height:100vh;padding-top:72px;}
.sidebar{width:250px;min-width:250px;background:var(--card);border-left:1px solid var(--bdr);padding:18px 0;position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto;}
[data-lang="en"] .sidebar{border-left:none;border-right:1px solid var(--bdr);}
.sb-lbl{font-size:10px;color:var(--txt2);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:18px 14px 7px;}
.sb-it{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:10px;cursor:pointer;color:var(--txt3);font-size:13.5px;font-weight:600;margin:1px 7px;transition:.25s;}
.sb-it:hover{background:var(--or-g);color:var(--or);}
.sb-it.act{background:var(--or-g);color:var(--or);border:1px solid var(--bdr-or);}
.sb-ic{font-size:16px;min-width:20px;text-align:center;}
.dash-main{flex:1;padding:28px;overflow-y:auto;}
.dh{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}
.dt{font-size:22px;font-weight:900;}
.ds{font-size:12px;color:var(--txt2);margin-top:3px;}
.dp{display:none;}
.dp.act{display:block;}
/* KPIs */
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;}
.kpi{background:var(--card);border:1px solid var(--bdr);border-radius:15px;padding:18px;transition:.3s;position:relative;overflow:hidden;}
.kpi::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--or),var(--or2));transform:scaleX(0);transition:.3s;}
.kpi:hover{border-color:var(--bdr-or);transform:translateY(-2px);}
.kpi:hover::after{transform:scaleX(1);}
.kpi-top{display:flex;justify-content:space-between;}
.kpi-ic{font-size:20px;}
.kpi-tr{font-size:11px;font-weight:700;padding:2px 7px;border-radius:20px;}
.tr-up{background:rgba(76,175,80,.15);color:#4CAF50;}
.kpi-v{font-size:26px;font-weight:900;margin:8px 0 3px;font-family:'Bebas Neue',sans-serif;letter-spacing:1px;}
.kpi-l{font-size:11px;color:var(--txt2);}
/* Chart */
.ch-row{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:20px;}
.ch-box{background:var(--card);border:1px solid var(--bdr);border-radius:15px;padding:20px;}
.ch-box h3{font-size:14px;font-weight:700;margin-bottom:18px;}
.bar-ch{display:flex;align-items:flex-end;gap:8px;height:130px;}
.bg{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;}
.bw{width:100%;display:flex;gap:3px;align-items:flex-end;height:110px;}
.bar{flex:1;border-radius:5px 5px 0 0;cursor:pointer;transition:.3s;}
.bar:hover{filter:brightness(1.2);}
.bl{font-size:9px;color:var(--txt2);}
.dn-wrap{position:relative;width:130px;height:130px;margin:0 auto 14px;}
.dn-wrap svg{transform:rotate(-90deg);}
.dn-ctr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.dn-v{font-size:20px;font-weight:900;color:var(--or);font-family:'Bebas Neue',sans-serif;}
.dn-s{font-size:10px;color:var(--txt2);}
.leg{display:flex;flex-direction:column;gap:7px;}
.leg-i{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--txt2);}
.ld{width:9px;height:9px;border-radius:50%;}
.prog-wrap{margin-bottom:12px;}
.ph{display:flex;justify-content:space-between;margin-bottom:5px;font-size:12px;}
.pb{height:6px;background:rgba(255,255,255,.06);border-radius:10px;overflow:hidden;}
[data-theme="light"] .pb{background:rgba(0,0,0,.08);}
.pf{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--or),var(--or2));transition:width 1.2s var(--ease);}
/* table */
.dt-box{background:var(--card);border:1px solid var(--bdr);border-radius:15px;overflow:hidden;margin-bottom:18px;}
.dt-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--bdr);}
.dt-head h3{font-size:14px;font-weight:700;}
table{width:100%;border-collapse:collapse;}
th{padding:10px 18px;text-align:right;font-size:11px;font-weight:700;color:var(--txt2);background:rgba(255,255,255,.02);border-bottom:1px solid var(--bdr);}
[data-lang="en"] th{text-align:left;}
td{padding:13px 18px;font-size:12.5px;border-bottom:1px solid var(--bdr);}
tr:last-child td{border-bottom:none;}
tr:hover td{background:rgba(255,107,26,.03);}
.bdg{font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;}
.bdg-g{background:rgba(76,175,80,.15);color:#4CAF50;border:1px solid rgba(76,175,80,.3);}
.bdg-o{background:var(--or-g);color:var(--or);border:1px solid var(--bdr-or);}
/* items list */
.il{display:flex;flex-direction:column;gap:11px;}
.ir{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--bdr);border-radius:13px;padding:14px 18px;transition:.3s;}
.ir:hover{border-color:var(--bdr-or);}
.ir-l{display:flex;align-items:center;gap:12px;}
.ithumb{width:52px;height:52px;border-radius:10px;overflow:hidden;background:var(--bg3);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}
.ithumb img{width:100%;height:100%;object-fit:cover;}
.itit{font-size:13.5px;font-weight:700;margin-bottom:2px;}
.imeta{font-size:11px;color:var(--txt2);}
.ia{display:flex;gap:7px;}
.ib{width:32px;height:32px;border:1px solid var(--bdr);background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:.25s;color:var(--txt2);}
.ib:hover{border-color:var(--bdr-or);color:var(--or);background:var(--or-g);}
.ib.d:hover{border-color:rgba(244,67,54,.4);color:#F44336;background:rgba(244,67,54,.1);}
/* tabs */
.tabs{display:inline-flex;gap:3px;background:rgba(255,255,255,.04);padding:3px;border-radius:11px;margin-bottom:18px;}
.tab{padding:8px 18px;border-radius:9px;font-size:12.5px;font-weight:700;cursor:pointer;transition:.25s;color:var(--txt2);border:none;background:transparent;font-family:inherit;}
.tab.act{background:var(--or);color:#fff;box-shadow:0 4px 12px rgba(255,107,26,.3);}
.tab:hover:not(.act){color:var(--txt);background:rgba(255,255,255,.06);}

/* ── MODAL ── */
.mo{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;}
.mo.open{display:flex;}
.mo-box{background:var(--card);border:1px solid var(--bdr);border-radius:22px;padding:30px;width:90%;max-width:580px;max-height:90vh;overflow-y:auto;animation:moIn .35s var(--spring);}
@keyframes moIn{from{opacity:0;transform:scale(.9) translateY(26px);}to{opacity:1;transform:none;}}
.mo-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;}
.mo-tit{font-size:19px;font-weight:800;}
.mo-cls{width:32px;height:32px;border:1px solid var(--bdr);background:transparent;border-radius:8px;cursor:pointer;color:var(--txt2);font-size:17px;display:flex;align-items:center;justify-content:center;transition:.25s;}
.mo-cls:hover{color:var(--txt);border-color:var(--bdr-or);}
/* image upload */
.up-area{border:2px dashed var(--bdr);border-radius:13px;padding:26px;text-align:center;cursor:pointer;transition:.3s;position:relative;overflow:hidden;}
.up-area:hover,.up-area.dov{border-color:var(--or);background:var(--or-g);}
.up-area input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.up-prev{width:100%;max-height:190px;object-fit:cover;border-radius:9px;display:none;margin-bottom:10px;}
.up-ic{font-size:34px;margin-bottom:8px;display:block;}
.up-txt{font-size:13px;color:var(--txt2);margin-bottom:4px;}
.up-hint{font-size:11px;color:var(--txt2);opacity:.65;}


/* ── BUTTONS ── */
.btn-outline{padding:9px 18px;border:1px solid var(--bdr);background:transparent;color:var(--txt2);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s;font-family:inherit;}
.btn-outline:hover{border-color:var(--bdr-or);color:var(--or);background:var(--or-g);}
.btn-primary{padding:9px 18px;background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s var(--spring);box-shadow:0 4px 14px rgba(255,107,26,.35);font-family:inherit;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,107,26,.5);}

/* ── TOAST ── */
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(110px);background:var(--card);border:1px solid var(--bdr-or);border-radius:13px;padding:13px 22px;color:var(--txt);font-size:13.5px;font-weight:600;z-index:3000;transition:transform .45s var(--spring);display:flex;align-items:center;gap:9px;box-shadow:0 10px 28px rgba(0,0,0,.45);}
.toast.show{transform:translateX(-50%) translateY(0);}

/* ── RESPONSIVE ── */

/* ── Tablet landscape / small desktop ── */
@media(max-width:1100px){
  .team-grid{grid-template-columns:repeat(2,1fr);}
  .ptn-grid{grid-template-columns:repeat(3,1fr);}
  .kpi-row{grid-template-columns:1fr 1fr;}
  .ch-row{grid-template-columns:1fr;}
  .test-slider{grid-template-columns:1fr;}
  .ft-grid{grid-template-columns:1fr 1fr 1fr 1fr;}
}

/* ── Tablet portrait ── */
@media(max-width:900px){
  #nav{padding:0 20px;height:64px;}
  .nav-logo img{height:38px;}
  .nav-links{display:none;}
  .btn-menu{display:flex;}
  .btn-dash,.btn-cta{display:none;}
  .mobile-nav{top:64px;}
  .mobile-nav .btn-primary,.mobile-nav .btn-outline{display:block;text-align:center;width:100%;}
  .hero-wrap{grid-template-columns:1fr;padding:90px 24px 50px;gap:32px;}
  .hero-card{order:-1;}
  .hero-title{font-size:clamp(28px,5vw,42px);}
  .hero-sub{font-size:14px;}
  .hero-stats{gap:20px;}
  .hs-val{font-size:22px;}
  .mini-row{gap:8px;}
  .mini-box{padding:10px;}
  .abt-vm-grid{grid-template-columns:1fr;gap:24px;}
  .abt-vm-card{padding:32px;}
  .abt-why-grid{grid-template-columns:1fr 1fr;}
  .abt-vals-grid{grid-template-columns:1fr 1fr;}
  .abt-val-wide{grid-column:span 2;}
  .abt-hero{min-height:500px;}
  .abt-vm-sec,.abt-vals-sec,.abt-why-sec{padding:64px 0;}
  .contact-wrap{grid-template-columns:1fr;gap:32px;}
  .svc-grid,.news-grid{grid-template-columns:1fr 1fr;}
  .prj-grid{grid-template-columns:1fr;}
  .how-steps{grid-template-columns:1fr;}
  .how-steps::before{display:none;}
  .why-grid{grid-template-columns:1fr;}
  .roles-bento{grid-template-columns:1fr;}
  .glass-wide{grid-column:span 1;}
  .job-grid-3{grid-template-columns:repeat(2,1fr);}
  .job-grid-4{grid-template-columns:repeat(2,1fr);}
  .glass-sec{padding:24px;}
  .stats-inner{grid-template-columns:repeat(2,1fr);}
  .ft-grid{grid-template-columns:1fr 1fr;}
  .sec{padding:60px 24px;}
  .dash-layout{flex-direction:column;}
  .sidebar{width:100%;min-width:100%;height:auto;position:relative;top:0;border-left:none;border-bottom:1px solid var(--bdr);display:flex;flex-wrap:wrap;padding:10px 8px;gap:4px;overflow-x:auto;}
  [data-lang="en"] .sidebar{border-right:none;border-bottom:1px solid var(--bdr);}
  .sb-lbl{display:none;}
  .sb-it{padding:8px 12px;margin:0;font-size:12px;white-space:nowrap;}
  .dash-main{padding:20px;}
  .dh{flex-direction:column;gap:12px;align-items:flex-start;}
  .mo-box{width:95%;padding:20px;}
}

/* ── Mobile ── */
@media(max-width:600px){
  #nav{padding:0 14px;height:58px;}
  .nav-logo img{height:34px;}
  .btn-lang{padding:6px 10px;font-size:11px;}
  .btn-theme{width:34px;height:34px;font-size:15px;}
  .btn-menu{width:34px;height:34px;font-size:18px;}
  .mobile-nav{top:58px;padding:12px 16px;}
  .hero-wrap{padding:76px 16px 40px;gap:24px;}
  .hero-title{font-size:clamp(24px,6vw,34px);}
  .hero-sub{font-size:13px;line-height:1.7;}
  .hero-btns{flex-direction:column;gap:10px;}
  .hero-btns .btn-primary,.hero-btns .btn-outline{width:100%;text-align:center;}
  .hero-stats{flex-direction:column;gap:14px;}
  .hs-item{padding-right:0;}
  .hs-item::before{display:none;}
  .hs-item{display:flex;align-items:center;gap:10px;}
  .hs-val{font-size:20px;}
  .hc-main{padding:16px;}
  .met-grid{grid-template-columns:1fr 1fr;gap:8px;}
  .met-val{font-size:18px;}
  .mini-row{flex-direction:row;gap:6px;}
  .mini-box{padding:10px 6px;}
  .mini-vl{font-size:14px;}
  .sec{padding:40px 16px;}
  .sec-title{font-size:clamp(22px,5vw,30px);}
  .sec-sub{font-size:13px;}
  .svc-grid,.news-grid,.gallery-grid,.team-grid,.ptn-grid{grid-template-columns:1fr;}
  .roles-bento{gap:16px;}
  .glass-sec{padding:20px;}
  .glass-hd{margin-bottom:20px;}
  .glass-ic{width:46px;height:46px;min-width:46px;font-size:22px;}
  .glass-tit{font-size:17px;}
  .job-grid-3,.job-grid-4{grid-template-columns:1fr;}
  .job-item{padding:14px 16px;}
  .job-name{font-size:14px;}
  .job-row{padding:12px 14px;}
  .roles-cta{padding:36px 20px;}
  .roles-cta h3{font-size:20px;}
  .roles-cta p{font-size:13px;}
  .roles-cta .btn-primary{width:100%;}
  .prj-grid{grid-template-columns:1fr;}
  .stats-inner{grid-template-columns:1fr 1fr;gap:14px;padding:0 20px;}
  .sb-val{font-size:28px;}
  .sb-lbl{font-size:11px;}
  .ft-grid{grid-template-columns:1fr;gap:24px;}
  footer{padding:36px 16px 20px;}
  .ft-bottom{flex-direction:column;gap:8px;text-align:center;}
  .contact-wrap{grid-template-columns:1fr;}
  .fg{grid-template-columns:1fr;}
  .cfm{padding:20px;}
  .abt-hero{min-height:400px;}
  .abt-hero-title{font-size:clamp(24px,5vw,34px);}
  .abt-hero-sub{font-size:15px;}
  .abt-vm-card{padding:28px;}
  .abt-vm-title{font-size:22px;}
  .abt-vm-txt{font-size:15px;}
  .abt-vals-grid{grid-template-columns:1fr;}
  .abt-val-wide{grid-column:span 1;}
  .abt-why-grid{grid-template-columns:1fr;}
  .abt-sec-hd{margin-bottom:40px;}
  .abt-vm-sec,.abt-vals-sec,.abt-why-sec{padding:48px 0;}
  .job-card{flex-direction:column;align-items:flex-start;gap:14px;}
  .job-right{width:100%;}
  .job-right .btn-cta{width:100%;text-align:center;}
  .test-card{padding:20px;}
  .kpi-row{grid-template-columns:1fr;}
  .kpi{padding:14px;}
  .kpi-v{font-size:22px;}
  .sidebar{padding:8px 6px;gap:3px;}
  .sb-it{padding:7px 10px;font-size:11px;}
  .dash-main{padding:14px;}
  .dt{font-size:18px;}
  .ir{padding:12px;flex-wrap:wrap;gap:10px;}
  .ithumb{width:42px;height:42px;font-size:20px;}
  .itit{font-size:12px;}
  .imeta{font-size:10px;}
  .gallery-filter{gap:6px;}
  .gf-btn{padding:6px 14px;font-size:12px;}
  .hero-ring{display:none;}
  .hero-orb.ho1{width:400px;height:400px;right:-120px;}
}

/* ── Very small screens ── */
@media(max-width:380px){
  #nav{padding:0 10px;}
  .nav-logo img{height:30px;}
  .hero-wrap{padding:68px 12px 30px;}
  .hero-title{font-size:22px;}
  .sec{padding:30px 12px;}
  .met-grid{grid-template-columns:1fr;}
  .mini-row{flex-wrap:wrap;}
  .stats-inner{grid-template-columns:1fr;text-align:center;}
}

/* ── Social Links ── */
.social-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--bdr-or);border-radius:10px;color:var(--or);text-decoration:none;font-size:16px;font-weight:700;transition:all .25s;}
.social-link:hover{background:var(--or);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,26,.35);}
.social-display{display:flex;gap:10px;flex-wrap:wrap;}
.ft-social{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.ft-social .social-link{width:34px;height:34px;font-size:14px;}

/* ===================================================
   GSAP INITIAL STATES & ANIMATION UTILITIES (FOUC PREVENTION)
   =================================================== */
.js-enabled #nav {
  opacity: 0;
  transform: translateY(-20px);
}
.js-enabled .hero-badge {
  opacity: 0;
  transform: translateY(20px);
}
.js-enabled .hero-title .ln {
  opacity: 0;
  transform: translateY(100%);
  display: block;
}
.js-enabled .hero-sub {
  opacity: 0;
  transform: translateY(20px);
}
.js-enabled .hero-btns {
  opacity: 0;
  transform: translateY(15px) scale(0.95);
}
.js-enabled .hero-card {
  opacity: 0;
  transform: translateY(50px);
}

/* Grids for Batch scroll reveals */
.js-enabled .svc-card,
.js-enabled .role-card,
.js-enabled .prj-card,
.js-enabled .why-card,
.js-enabled .abt-val-card,
.js-enabled .abt-vm-card,
.js-enabled .step-card {
  opacity: 0;
  transform: translateY(40px);
}

/* Keep revealed elements visible when GSAP inline styles are cleared */
.js-enabled .revealed,
.js-enabled .svc-card.revealed,
.js-enabled .role-card.revealed,
.js-enabled .prj-card.revealed,
.js-enabled .why-card.revealed,
.js-enabled .abt-val-card.revealed,
.js-enabled .abt-vm-card.revealed,
.js-enabled .step-card.revealed {
  opacity: 1;
  transform: none;
}

/* Reduced motion preference override */
@media (prefers-reduced-motion: reduce) {
  .js-enabled #nav,
  .js-enabled .hero-badge,
  .js-enabled .hero-title .ln,
  .js-enabled .hero-sub,
  .js-enabled .hero-btns,
  .js-enabled .hero-card,
  .js-enabled .svc-card,
  .js-enabled .role-card,
  .js-enabled .prj-card,
  .js-enabled .why-card,
  .js-enabled .abt-val-card,
  .js-enabled .abt-vm-card,
  .js-enabled .step-card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Dynamic Custom Section Backgrounds & Overlays */
#why-us-s, #prj-s, #gallery-s, #jobs-s, #test-s, #contact-s {
  background: var(--bg2);
}

.sec-bg-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.sec-bg-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: linear-gradient(135deg, rgba(6, 14, 28, 0.92) 0%, rgba(10, 22, 40, 0.86) 50%, rgba(15, 31, 56, 0.9) 100%);
}

/* Enable visibility only when section has custom background image */
.has-bg .sec-bg-layer,
.has-bg .sec-bg-overlay {
  opacity: 1;
}

/* Light theme overlay support */
[data-theme="light"] .sec-bg-overlay {
  background: linear-gradient(135deg, rgba(240, 244, 250, 0.92) 0%, rgba(228, 235, 245, 0.88) 50%, rgba(216, 226, 240, 0.9) 100%);
}

/* ══════════════════════════════════════════════
   SECTION FLOW — Unified transitions
   Alternating: bg → bg2 → bg → bg2 pattern
   with smooth gradient fades between sections
   ══════════════════════════════════════════════ */

/* --- Alternating section backgrounds for depth rhythm --- */
#about-s { background: var(--bg); }
#svc-s   { background: var(--bg2); }
#roles-s { background: var(--bg); }
#why-us-s { background: var(--bg2); }
#how-we-work-s { background: var(--bg); }
#prj-s   { background: var(--bg2); }
#news-s  { background: var(--bg); }
#gallery-s { background: var(--bg2); }
#team-s  { background: var(--bg); }
#jobs-s  { background: var(--bg2); }
#test-s  { background: var(--bg); }
#ptn-s   { background: var(--bg2); }
#contact-s { background: var(--bg); }

/* --- Smooth gradient fade at the top & bottom of every section --- */
#about-s, #roles-s, #why-us-s, #how-we-work-s,
#prj-s, #news-s, #gallery-s, #team-s, #jobs-s,
#test-s, #ptn-s {
  position: relative;
}

/* Top fade — blends into previous section */
#about-s::before, #svc-s::before, #roles-s::before,
#why-us-s::before, #how-we-work-s::before,
#prj-s::before, #news-s::before, #gallery-s::before,
#team-s::before, #jobs-s::before, #test-s::before,
#ptn-s::before, #contact-s::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 80px;
  background: linear-gradient(to bottom, rgba(6,14,28,.6) 0%, transparent 100%);
  z-index: 3;
  pointer-events: none;
}

/* Subtle orange accent line between sections */
#svc-s::after, #roles-s::after,
#why-us-s::after, #how-we-work-s::after,
#prj-s::after, #news-s::after,
#gallery-s::after, #team-s::after,
#jobs-s::after, #test-s::after,
#ptn-s::after, #contact-s::after {
  content: '';
  position: absolute;
  top: 0; left: 10%; right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255,107,26,.2) 30%, rgba(255,107,26,.35) 50%, rgba(255,107,26,.2) 70%, transparent 100%);
  z-index: 4;
  pointer-events: none;
}

/* Video sections already have overlays — skip their ::before */
#svc-s::before, #contact-s::before {
  display: none;
}

/* Light theme adjustments */
[data-theme="light"] #about-s::before,
[data-theme="light"] #roles-s::before,
[data-theme="light"] #why-us-s::before,
[data-theme="light"] #how-we-work-s::before,
[data-theme="light"] #prj-s::before,
[data-theme="light"] #news-s::before,
[data-theme="light"] #gallery-s::before,
[data-theme="light"] #team-s::before,
[data-theme="light"] #jobs-s::before,
[data-theme="light"] #test-s::before,
[data-theme="light"] #ptn-s::before {
  background: linear-gradient(to bottom, rgba(228,235,245,.5) 0%, transparent 100%);
}

[data-theme="light"] #svc-s::after,
[data-theme="light"] #roles-s::after,
[data-theme="light"] #why-us-s::after,
[data-theme="light"] #how-we-work-s::after,
[data-theme="light"] #prj-s::after,
[data-theme="light"] #news-s::after,
[data-theme="light"] #gallery-s::after,
[data-theme="light"] #team-s::after,
[data-theme="light"] #jobs-s::after,
[data-theme="light"] #test-s::after,
[data-theme="light"] #ptn-s::after,
[data-theme="light"] #contact-s::after {
  background: linear-gradient(90deg, transparent 0%, rgba(255,107,26,.15) 30%, rgba(255,107,26,.25) 50%, rgba(255,107,26,.15) 70%, transparent 100%);
}

/* Footer top fade for seamless merge with contact */
footer::before {
  content: '';
  position: absolute;
  top: 0; left: 10%; right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255,107,26,.25) 30%, rgba(255,107,26,.4) 50%, rgba(255,107,26,.25) 70%, transparent 100%);
  z-index: 4;
  pointer-events: none;
}

/* --- Credentials & Map Upgrades --- */
.credentials-sec {
  padding: 64px 0;
  background: var(--bg);
  border-top: 1px solid rgba(255,107,26,0.1);
  border-bottom: 1px solid rgba(255,107,26,0.1);
}
.cred-bar {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 44px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.cred-item {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
  transition: all 0.3s ease;
}
.cred-item:hover {
  border-color: rgba(255,107,26,0.3);
  background: rgba(255,107,26,0.02);
  transform: translateY(-2px);
}
[data-theme="light"] .cred-item {
  background: rgba(0,0,0,0.02);
  border-color: rgba(0,0,0,0.06);
}
.cred-icon {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 12px;
  background: var(--or-g);
  border: 1px solid var(--bdr-or);
  color: var(--or);
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cred-info h4 {
  font-size: 16px;
  font-weight: 800;
  color: var(--txt);
  margin-bottom: 4px;
}
.cred-info p {
  font-size: 13px;
  color: var(--txt2);
  line-height: 1.4;
}

/* Map Section */
.map-sec {
  padding: 80px 0;
  background: var(--bg2);
  position: relative;
  overflow: hidden;
}
.map-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 44px;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 60px;
  align-items: center;
}
.map-svg-wrap {
  position: relative;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 24px;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
[data-theme="light"] .map-svg-wrap {
  background: rgba(0,0,0,0.02);
  border-color: rgba(0,0,0,0.05);
}
.map-details {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.map-hub-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  padding: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.map-hub-card:hover, .map-hub-card.active {
  border-color: rgba(255,107,26,0.45);
  background: rgba(255,107,26,0.04);
}
[data-theme="light"] .map-hub-card {
  background: rgba(0,0,0,0.02);
  border-color: rgba(0,0,0,0.06);
}
.map-hub-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 800;
  font-size: 15px;
  color: var(--txt);
  margin-bottom: 8px;
}
.map-hub-sla {
  font-size: 12px;
  color: var(--or);
  font-weight: 700;
}
.map-hub-desc {
  font-size: 13px;
  color: var(--txt2);
  line-height: 1.5;
}

@media(max-width: 900px) {
  .cred-bar {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .map-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* SVG Map Interactive Nodes */
.map-node {
  cursor: pointer;
}
.map-node .pulse {
  animation: mapPulse 2s infinite;
}
#node-central .pulse { transform-origin: 260px 200px; }
#node-western .pulse { transform-origin: 130px 260px; }
#node-eastern .pulse { transform-origin: 360px 160px; }

@keyframes mapPulse {
  0% { transform: scale(0.8); opacity: 0.8; }
  50% { transform: scale(1.6); opacity: 0; }
  100% { transform: scale(0.8); opacity: 0; }
}
.map-node.active circle.main,
.map-node:hover circle.main {
  fill: #ffffff !important;
}
.map-node.active circle:nth-child(2),
.map-node:hover circle:nth-child(2) {
  fill: var(--or) !important;
  stroke: #ffffff !important;
}
.map-connection {
  transition: stroke 0.3s ease, stroke-width 0.3s ease;
}
.map-connection.active {
  stroke: var(--or) !important;
  stroke-width: 2.5px;
}

/* ============================================================
   RIAYA FOOTER — Modern Premium Design System
   ============================================================ */
footer {
  position: relative;
  overflow: hidden;
  background: var(--bg);
  border-top: 1px solid rgba(255, 107, 26, 0.15);
}

.ft-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 80px 44px 40px;
  position: relative;
  z-index: 2;
}

.ft-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
  gap: 40px;
  margin-bottom: 60px;
}

.ft-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ft-col h4 {
  font-size: 18px;
  font-weight: 800;
  color: var(--txt);
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 8px;
}

.ft-col h4::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 3px;
  background: var(--or);
  border-radius: 2px;
}

[data-lang="en"] .ft-col h4::after {
  right: auto;
  left: 0;
}

.ft-col p {
  font-size: 14px;
  color: var(--txt2);
  line-height: 1.7;
}

.ft-col a {
  font-size: 14.5px;
  color: var(--txt2);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  width: fit-content;
}

.ft-col a:hover {
  color: var(--or);
  transform: translateX(-6px);
}

[data-lang="en"] .ft-col a:hover {
  transform: translateX(6px);
}

/* Contact Info styling in footer */
.ft-contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.ft-contact-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--or-g);
  border: 1px solid var(--bdr-or);
  color: var(--or);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: all 0.3s ease;
}

.ft-contact-item:hover .ft-contact-icon {
  background: var(--or);
  color: #fff;
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(255, 107, 26, 0.4);
}

.ft-contact-text {
  font-size: 14px;
  color: var(--txt2);
}

.ft-contact-text a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s;
}

.ft-contact-text a:hover {
  color: var(--or);
}

/* Social icons in footer */
.ft-social {
  display: flex;
  gap: 12px;
  margin-top: 10px;
}

.ft-social a, .ft-social .social-link {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--txt2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: all 0.3s var(--spring);
  text-decoration: none;
}

.ft-social a:hover, .ft-social .social-link:hover {
  background: var(--or-g);
  border-color: var(--or);
  color: var(--or);
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(255, 107, 26, 0.2);
}

/* Bottom Bar */
.ft-bottom {
  border-top: 1px solid var(--bdr);
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13.5px;
  color: var(--txt2);
}

.ft-bottom p span {
  color: var(--txt);
  font-weight: 600;
}

/* Responsive Footer styling */
@media (max-width: 1024px) {
  .ft-grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}

@media (max-width: 600px) {
  .ft-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .ft-inner {
    padding: 60px 24px 30px;
  }
  .ft-bottom {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }
}