/* ════════════════════════════════════════════════════════════
   S.R.E — Scientific Revolution Earth · shared design system
   Space-grade dark theme · fully offline · no CDN
   ════════════════════════════════════════════════════════════ */
:root{
  --bg:#05070f; --bg2:#080c1a; --panel:rgba(255,255,255,.04); --panel2:rgba(255,255,255,.07);
  --line:rgba(255,255,255,.10); --ink:#eaf0ff; --mut:#9aa7c7; --mut2:#6b7795; --pop-bg:#0b1024;
  --blue:#3b82f6; --indigo:#6366f1; --violet:#8b5cf6; --cyan:#22d3ee; --teal:#2dd4bf;
  --green:#22c55e; --amber:#FFC928; --orange:#fb923c; --red:#ef4444;
  --space:linear-gradient(120deg,#6366f1,#8b5cf6 55%,#22d3ee);
  --robot:linear-gradient(120deg,#06b6d4,#2dd4bf);
  --energy:linear-gradient(120deg,#f59e0b,#fb923c);
  --grad:linear-gradient(120deg,#3b82f6,#8b5cf6 50%,#22d3ee);
  --font:'Inter','Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,'Helvetica Neue',Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);line-height:1.6;overflow-x:hidden;position:relative;
  background:radial-gradient(1200px 700px at 75% -10%,#10193a 0%,transparent 55%),
             radial-gradient(900px 600px at 10% 10%,#1a1140 0%,transparent 50%),var(--bg)}
a{text-decoration:none;color:inherit}
img,svg{display:block;max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}
.grad-txt{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.space-txt{background:var(--space);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* Starfield canvas + nebula glows (set behind everything) */
#stars{position:fixed;inset:0;z-index:-2;pointer-events:none}
.neb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.5;z-index:-1;pointer-events:none;animation:drift 22s ease-in-out infinite}
.neb.a{width:520px;height:520px;background:#4338ca;top:-160px;left:-120px}
.neb.b{width:480px;height:480px;background:#7c3aed;bottom:-180px;right:-120px;animation-delay:-7s}
.neb.c{width:360px;height:360px;background:#0e7490;top:30%;right:30%;animation-delay:-13s;opacity:.35}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-34px)}}
@media(prefers-reduced-motion:reduce){.neb{animation:none}}

.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:2px;
  text-transform:uppercase;color:var(--cyan);border:1px solid var(--line);background:var(--panel);
  padding:6px 14px;border-radius:30px;margin-bottom:18px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

/* ── Nav + region selector ───────────────────────────────── */
.nav{position:sticky;top:0;z-index:80;backdrop-filter:blur(14px);background:rgba(5,7,15,.7);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:16px;padding:13px 22px;max-width:1200px;margin:0 auto}
.brand{display:flex;align-items:center;gap:11px}
.brand img{height:30px}
.brand b{font-weight:800;font-size:15px;letter-spacing:.3px}
.brand small{display:block;font-size:8.5px;letter-spacing:1.4px;color:var(--mut)}
.links{margin-left:auto;display:flex;gap:3px;align-items:center}
.links a{position:relative;font-size:14px;font-weight:600;color:var(--mut);padding:9px 13px;border-radius:9px;transition:color .18s}
.links a:not(.cta)::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#6366f1,#22d3ee);transform:scaleX(0);transform-origin:center;transition:transform .24s cubic-bezier(.4,0,.2,1)}
.links a:not(.cta):hover,.links a.active{color:#fff}
.links a:not(.cta):hover::after,.links a.active::after{transform:scaleX(1)}
.links a.cta{margin-left:6px;background:var(--amber);color:#0a0e1a;font-weight:800;padding:9px 17px;border-radius:10px;box-shadow:0 6px 18px rgba(255,201,40,.25);transition:transform .15s,box-shadow .15s,background .15s}
.links a.cta:hover{background:#ffd84d;transform:translateY(-1px);box-shadow:0 10px 24px rgba(255,201,40,.38)}
.brand img{transition:transform .2s}
.brand:hover img{transform:scale(1.06) rotate(-3deg)}
/* region dropdown */
.region{position:relative}
.region-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff;
  background:var(--panel2);border:1px solid var(--line);padding:8px 14px;border-radius:10px;cursor:pointer}
.region-btn:hover{background:rgba(255,255,255,.12)}
.region-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;background:#0b1024;border:1px solid var(--line);
  border-radius:14px;padding:7px;box-shadow:0 24px 50px rgba(0,0,0,.5);display:none;z-index:90}
.region-menu.open{display:block}
.region-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--ink)}
.region-menu a:hover{background:var(--panel2)}
.region-menu a.cur{color:var(--cyan)}
.region-menu .fl{font-size:18px}
.region-menu small{display:block;color:var(--mut);font-size:11px;font-weight:500}
.burger{display:none;background:none;border:1px solid var(--line);color:#fff;width:42px;height:38px;border-radius:10px;font-size:18px;cursor:pointer}

/* ── Hero ────────────────────────────────────────────────── */
.hero{position:relative;padding:96px 0 88px;overflow:hidden}
.hero-in{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center}
.hero h1{font-size:clamp(34px,5.2vw,62px);font-weight:900;line-height:1.03;letter-spacing:-1.5px}
.hero .sub{font-size:clamp(15px,1.6vw,19px);color:var(--mut);max-width:560px;margin:20px 0 30px}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:15px;padding:14px 24px;border-radius:13px;cursor:pointer;border:none;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px)}
.btn-p{background:var(--amber);color:#0a0e1a;box-shadow:0 12px 30px rgba(255,201,40,.26)}
.btn-g{background:var(--panel2);color:#fff;border:1px solid var(--line)}
.btn-g:hover{background:rgba(255,255,255,.1)}
.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.hero-tags span{font-size:12.5px;color:var(--mut);border:1px solid var(--line);background:var(--panel);padding:6px 12px;border-radius:30px}
.hero-tags b{color:var(--cyan)}

/* Orbit visual */
.orbit{position:relative;width:100%;aspect-ratio:1;max-width:440px;margin-left:auto}
.orbit .ring{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%}
.orbit .r2{inset:15%}.orbit .r3{inset:32%}
.orbit .spin{position:absolute;inset:0;animation:spin 20s linear infinite}
.orbit .spin.rev{animation-direction:reverse;animation-duration:28s}
.orbit .node{position:absolute;width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:24px;
  background:var(--panel2);border:1px solid var(--line);backdrop-filter:blur(6px);box-shadow:0 8px 24px rgba(0,0,0,.45)}
.orbit .core{position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a78bfa,#6366f1 55%,#1e1b4b);
  box-shadow:0 0 70px rgba(124,58,237,.6),inset 0 0 30px rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center}
.orbit .core img{width:60%}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.orbit .spin{animation:none}}

/* ── Stat strip ──────────────────────────────────────────── */
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(8,12,26,.6)}
.strip-in{display:flex;flex-wrap:wrap;gap:14px 44px;justify-content:center;padding:22px}
.strip .it{display:flex;align-items:baseline;gap:9px}
.strip .it b{font-size:28px;font-weight:900}
.strip .it span{font-size:13px;color:var(--mut)}

/* ── Sections ────────────────────────────────────────────── */
.sec{padding:84px 0;position:relative}
.sec h2{font-size:clamp(26px,3.6vw,40px);font-weight:900;letter-spacing:-.8px;line-height:1.1}
.sec .lead{color:var(--mut);max-width:660px;margin-top:14px;font-size:16px}
.head-row{margin-bottom:42px}

/* Frontier cards (big) */
.frontiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fr{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.fr:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.24);box-shadow:0 26px 56px rgba(0,0,0,.45)}
.fr .art{height:180px;position:relative;overflow:hidden}
.fr .art svg{width:100%;height:100%}
.fr .body{padding:24px}
.fr .body h3{font-size:21px;font-weight:800;margin-bottom:8px;display:flex;align-items:center;gap:9px}
.fr .body p{color:var(--mut);font-size:14.5px}
.fr .chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.fr .chips span{font-size:12px;background:rgba(255,255,255,.06);border:1px solid var(--line);padding:4px 10px;border-radius:20px}

/* Bento services */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px;position:relative;overflow:hidden;transition:.2s}
.card:hover{border-color:rgba(255,255,255,.22);background:var(--panel2);transform:translateY(-3px)}
.card .ic{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px;background:var(--grad)}
.card h3{font-size:18px;font-weight:800;margin-bottom:7px}
.card p{color:var(--mut);font-size:14px}
.card .chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.card .chips span{font-size:12px;background:rgba(255,255,255,.06);border:1px solid var(--line);padding:4px 10px;border-radius:20px}
.card .glow{position:absolute;width:160px;height:160px;border-radius:50%;filter:blur(50px);opacity:.4;right:-40px;top:-50px;background:var(--violet);pointer-events:none}
.sp2{grid-column:span 2}.sp3{grid-column:span 3}.sp4{grid-column:span 4}.sp6{grid-column:span 6}

/* Project cards */
.proj{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.pcard{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.pcard:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.24);box-shadow:0 24px 50px rgba(0,0,0,.42)}
.pcard.feat{grid-column:span 2}
.pcard .art{height:200px;position:relative;overflow:hidden}.pcard.feat .art{height:240px}
.pcard .art svg{width:100%;height:100%}
.pcard .meta{padding:22px 24px;flex:1;display:flex;flex-direction:column}
.pcard .tag{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--cyan);margin-bottom:8px;display:flex;align-items:center;gap:8px}
.pcard .live{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(34,197,94,.2)}
.pcard h3{font-size:21px;font-weight:800;margin-bottom:8px}
.pcard p{color:var(--mut);font-size:14.5px;flex:1}
.pcard .go{margin-top:16px;align-self:flex-start;font-weight:800;font-size:14px;color:#0a0e1a;background:var(--amber);padding:10px 18px;border-radius:11px}
.pcard .go.out{background:transparent;color:#fff;border:1px solid var(--line)}

/* Offices */
.offices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.office{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px;transition:.2s;display:block}
.office:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.24);background:var(--panel2)}
.office .fl{font-size:40px}
.office h3{font-size:19px;font-weight:800;margin:10px 0 4px}
.office .role{color:var(--cyan);font-size:12.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.office p{color:var(--mut);font-size:13.5px;margin-top:8px}
.office .go{margin-top:14px;font-size:13.5px;font-weight:700;color:#fff}

/* Industries / steps */
.inds{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.ind{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 18px;text-align:center;transition:.2s}
.ind:hover{background:var(--panel2);transform:translateY(-3px)}
.ind .ic{font-size:30px;margin-bottom:8px}.ind b{font-size:15px}.ind span{display:block;font-size:12px;color:var(--mut);margin-top:3px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;counter-reset:s}
.step{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;position:relative}
.step::before{counter-increment:s;content:counter(s);position:absolute;top:14px;right:18px;font-size:34px;font-weight:900;color:rgba(255,255,255,.08)}
.step .ic{font-size:24px;margin-bottom:8px}.step b{font-size:15px}.step p{color:var(--mut);font-size:13px;margin-top:5px}

/* Contact + band */
.band{background:linear-gradient(135deg,#0b1024,#120e36);border:1px solid var(--line);border-radius:24px;padding:46px;text-align:center}
.band h2{font-size:clamp(24px,3vw,34px)}.band p{color:var(--mut);max-width:580px;margin:12px auto 22px}
.contact{background:linear-gradient(135deg,#0b1024,#0e1530);border:1px solid var(--line);border-radius:26px;padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.cinfo{display:flex;flex-direction:column;gap:16px}
.cinfo a,.cinfo div.row{display:flex;gap:13px;align-items:flex-start;color:var(--ink);font-size:15px}
.cinfo .ic{width:42px;height:42px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.cinfo small{color:var(--mut);font-size:12px;display:block}

/* Footer */
.ftr{border-top:1px solid var(--line);padding:44px 0 26px;background:rgba(8,12,26,.6)}
.ftr-in{display:flex;flex-wrap:wrap;gap:34px;justify-content:space-between}
.ftr h4{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mut);margin-bottom:13px}
.ftr a{display:block;color:var(--mut);font-size:14px;margin-bottom:8px}.ftr a:hover{color:var(--amber)}
.ftr-bot{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:var(--mut2)}

@media(max-width:980px){
  .hero-in{grid-template-columns:1fr}.orbit{margin:8px auto 0;max-width:330px}
  .frontiers{grid-template-columns:1fr}
  .bento{grid-template-columns:repeat(2,1fr)}.sp2,.sp3,.sp4,.sp6{grid-column:span 2}
  .proj{grid-template-columns:1fr}.pcard.feat{grid-column:span 1}
  .contact{grid-template-columns:1fr;padding:32px}
}
@media(max-width:700px){
  .links{display:none}.burger{display:block;margin-left:auto}
  .links.open{display:flex;position:absolute;top:62px;right:14px;left:14px;flex-direction:column;background:#0b1024;border:1px solid var(--line);border-radius:14px;padding:10px;align-items:stretch}
  .links.open .region{order:-1}.region-menu{position:static;box-shadow:none;margin-top:6px}
}

/* ════════════════════════════════════════════════════════════
   Parent-hub + product detail pages
   ════════════════════════════════════════════════════════════ */
/* Tech grid (parent hub "Our Technologies") */
.tech{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tcard{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.tcard:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.24);box-shadow:0 24px 52px rgba(0,0,0,.45)}
.tcard .art{height:150px;position:relative;overflow:hidden}.tcard .art svg{width:100%;height:100%}
.tcard .bd{padding:20px 22px;flex:1;display:flex;flex-direction:column}
.tcard .k{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--cyan);margin-bottom:7px;display:flex;align-items:center;gap:7px}
.tcard h3{font-size:18px;font-weight:800;margin-bottom:7px}
.tcard p{color:var(--mut);font-size:13.5px;flex:1}
.tcard .go{margin-top:14px;align-self:flex-start;font-size:13.5px;font-weight:800;color:#fff}
.tcard .live{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(34,197,94,.2)}
@media(max-width:980px){.tech{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.tech{grid-template-columns:1fr}}

/* Partners marquee */
.partners{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;background:rgba(8,12,26,.5)}
.ptitle{text-align:center;color:var(--mut);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px}
.ptrack{display:flex;gap:14px;width:max-content;animation:marq 26s linear infinite}
.partners:hover .ptrack{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.plogo{display:flex;align-items:center;justify-content:center;min-width:150px;height:54px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:#cbd5e1;font-weight:800;font-size:15px;letter-spacing:.4px}
@media(prefers-reduced-motion:reduce){.ptrack{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}

/* Breadcrumb */
.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mut);padding:18px 0 0}
.crumb a{color:var(--cyan)} .crumb span{color:var(--mut2)}

/* Detail hero (split) */
.dhero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:44px 0 56px}
.dhero .k{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);border:1px solid var(--line);background:var(--panel);padding:6px 14px;border-radius:30px;margin-bottom:16px}
.dhero h1{font-size:clamp(30px,4.6vw,52px);font-weight:900;letter-spacing:-1.2px;line-height:1.05}
.dhero p{color:var(--mut);font-size:17px;max-width:560px;margin:18px 0 26px}
.dvisual{aspect-ratio:4/3;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 60px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center}
.dvisual svg{width:100%;height:100%}
@media(max-width:980px){.dhero{grid-template-columns:1fr;gap:26px}}

/* Feature grid */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feat{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;transition:.2s}
.feat:hover{background:var(--panel2);transform:translateY(-3px);border-color:rgba(255,255,255,.2)}
.feat .ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:13px;background:var(--grad)}
.feat h3{font-size:16.5px;font-weight:800;margin-bottom:6px}
.feat p{color:var(--mut);font-size:14px}
@media(max-width:880px){.features{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.features{grid-template-columns:1fr}}

/* Capability / spec list */
.caps{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.caps li{list-style:none;display:flex;gap:11px;align-items:flex-start;color:var(--ink);font-size:15px;padding:6px 0}
.caps li::before{content:"✓";color:var(--green);font-weight:900;flex-shrink:0}
.caps li small{display:block;color:var(--mut);font-size:13px;font-weight:400}
@media(max-width:680px){.caps{grid-template-columns:1fr}}

/* Use-case cards */
.uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.use{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}
.use .ic{font-size:26px;margin-bottom:8px}.use b{font-size:15px}.use p{color:var(--mut);font-size:13px;margin-top:5px}

/* Big CTA band reuse .band; add request-proposal accent */
.btn-cta2{background:transparent;color:#fff;border:1px solid var(--line)}

/* Illustration images cover their containers */
.tcard .art img,.dvisual img{width:100%;height:100%;object-fit:cover;display:block}

/* Blend photos into the dark cards + subtle zoom on hover */
.tcard .art{position:relative}
.tcard .art::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(5,7,15,.05),rgba(8,12,26,.88));pointer-events:none}
.tcard .art img{transition:transform .4s ease}
.tcard:hover .art img{transform:scale(1.06)}
.dvisual{position:relative}
.dvisual::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(5,7,15,.18),transparent 60%);pointer-events:none}
.tcard .art img{transition:transform .4s ease}
.tcard:hover .art img{transform:scale(1.06)}
.dvisual{position:relative}
.dvisual::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(5,7,15,.18),transparent 60%);pointer-events:none}

/* Project cards: real photos cover + blend + hover zoom */
.pcard .art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.pcard:hover .art img{transform:scale(1.05)}
.pcard .art::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(5,7,15,.05),rgba(8,12,26,.55));pointer-events:none}

/* ════════════════════════════════════════════════════════════
   Theme toggle (dark / light) + globally-attractive frontier cards
   ════════════════════════════════════════════════════════════ */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:38px;border-radius:10px;
  background:var(--panel2);border:1px solid var(--line);color:var(--ink);cursor:pointer;font-size:17px;flex-shrink:0;transition:.15s;margin-left:4px}
.theme-toggle:hover{background:rgba(125,135,170,.20);transform:translateY(-1px)}

/* ── Light theme ─────────────────────────────────────────── */
html[data-theme="light"]{
  --bg:#eef2fb; --bg2:#e3e9f5; --panel:rgba(12,22,55,.045); --panel2:rgba(12,22,55,.08);
  --line:rgba(12,22,55,.12); --ink:#0c1322; --mut:#54607a; --mut2:#8b96ad; --pop-bg:#ffffff;
}
html[data-theme="light"] body{
  background:radial-gradient(1200px 700px at 75% -10%,#d9e4ff 0%,transparent 55%),
             radial-gradient(900px 600px at 10% 10%,#ece4ff 0%,transparent 50%),var(--bg)}
html[data-theme="light"] .nav{background:rgba(255,255,255,.82)}
html[data-theme="light"] #stars{opacity:0}
html[data-theme="light"] .neb{opacity:.16;filter:blur(120px)}
html[data-theme="light"] .neb.a{background:#a5b4fc}
html[data-theme="light"] .neb.b{background:#c4b5fd}
html[data-theme="light"] .neb.c{background:#7dd3fc}
html[data-theme="light"] .strip,
html[data-theme="light"] .partners,
html[data-theme="light"] .ftr{background:rgba(255,255,255,.66)}
html[data-theme="light"] .region-menu,
html[data-theme="light"] .links.open{background:#ffffff;box-shadow:0 24px 50px rgba(20,30,70,.16)}
html[data-theme="light"] .band{background:linear-gradient(135deg,#eef2ff,#f4efff)}
html[data-theme="light"] .contact{background:linear-gradient(135deg,#eef2ff,#e9f0ff)}
html[data-theme="light"] .plogo{color:#475569}
html[data-theme="light"] .links a:hover,
html[data-theme="light"] .links a.active{color:#0c1322;background:var(--panel2)}
html[data-theme="light"] .region-btn,
html[data-theme="light"] .btn-g,
html[data-theme="light"] .tcard .go,
html[data-theme="light"] .office .go,
html[data-theme="light"] .cinfo a,
html[data-theme="light"] .pcard .go.out{color:#0c1322}
html[data-theme="light"] .btn-g:hover{background:rgba(12,22,55,.06)}
/* soften the photo overlays for a bright, vivid look on light bg */
html[data-theme="light"] .tcard .art::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 45%,rgba(238,242,251,.30))}
html[data-theme="light"] .pcard .art::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 55%,rgba(238,242,251,.22))}
html[data-theme="light"] .dvisual{box-shadow:0 30px 60px rgba(20,30,70,.18)}

/* ── Frontier / tech cards: globally attractive upgrade ───── */
.tech{gap:22px}
.tcard{position:relative;border-radius:22px;background:linear-gradient(180deg,var(--panel2),var(--panel))}
.tcard::before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;
  background:linear-gradient(140deg,rgba(139,92,246,.0),rgba(34,211,238,.0));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity .3s;pointer-events:none;z-index:2}
.tcard:hover::before{opacity:1;background:linear-gradient(140deg,rgba(139,92,246,.7),rgba(34,211,238,.55))}
.tcard:hover{box-shadow:0 30px 64px rgba(40,20,90,.5),0 0 0 1px rgba(255,255,255,.04)}
.tcard .art{height:178px}
/* lighter, vivid photo blend so images "pop" */
.tcard .art::after{background:linear-gradient(to bottom,rgba(5,7,15,0) 42%,rgba(8,12,26,.62))}
.tcard .bd{padding:22px 22px 24px}
.tcard .k{font-size:10.5px;letter-spacing:1.4px;background:var(--panel2);border:1px solid var(--line);
  padding:5px 11px;border-radius:30px;align-self:flex-start;margin-bottom:11px}
.tcard h3{font-size:19px;letter-spacing:-.3px;margin-bottom:8px}
.tcard p{font-size:13.5px;line-height:1.55}
.tcard .go{margin-top:16px;color:var(--cyan);font-weight:800;display:inline-flex;gap:7px;align-items:center;transition:gap .2s}
.tcard:hover .go{gap:12px}
/* floating index badge on the image corner */
.tcard .art .rib{position:absolute;top:12px;left:12px;z-index:3;font-size:11px;font-weight:800;letter-spacing:.6px;
  background:rgba(5,7,15,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);color:#fff;padding:5px 11px;border-radius:30px}
html[data-theme="light"] .tcard .art .rib{background:rgba(255,255,255,.7);color:#0c1322;border-color:rgba(12,22,55,.12)}

/* ── Solutions-by-sector: compact horizontal cards ──────── */
.sectors-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.scard{display:flex;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:116px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.scard:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.3);box-shadow:0 16px 38px rgba(0,0,0,.32)}
.scard .art{width:130px;flex-shrink:0;position:relative;overflow:hidden}
.scard .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.scard:hover .art img{transform:scale(1.06)}
.scard .art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(8,12,26,.5));pointer-events:none}
.scard .bd{flex:1;min-width:0;padding:14px 16px;display:flex;flex-direction:column;justify-content:center}
.scard .shead{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.scard .shead .ic{width:30px;height:30px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;background:var(--grad)}
.scard .shead h3{font-size:16px;font-weight:800;letter-spacing:-.2px}
.scard .chips{display:flex;flex-wrap:wrap;gap:6px}
.scard .chips span{font-size:10.5px;line-height:1.3;background:rgba(255,255,255,.05);border:1px solid var(--line);padding:3px 8px;border-radius:7px;color:var(--mut)}
html[data-theme="light"] .scard{background:linear-gradient(180deg,#fff,#f5f8fd)}
html[data-theme="light"] .scard .chips span{color:#4a5568}
@media(max-width:680px){.sectors-grid{grid-template-columns:1fr}}
@media(max-width:420px){.scard .art{width:104px}}

/* ════════════════════════════════════════════════════════════
   Multilingual switcher + AI Assistant (SELAM)
   ════════════════════════════════════════════════════════════ */
.lang-switch{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink);background:var(--panel2);border:1px solid var(--line);padding:8px 12px;border-radius:10px;cursor:pointer;white-space:nowrap}
.lang-btn:hover{background:rgba(255,255,255,.12)}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;max-height:330px;overflow:auto;background:#0b1024;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 24px 50px rgba(0,0,0,.5);display:none;z-index:120}
.lang-menu.open{display:block}
.lang-menu a{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--ink)}
.lang-menu a:hover{background:var(--panel2)}
.lang-menu a span{font-size:16px}
html[data-theme="light"] .lang-menu{background:#fff}
/* hide google translate chrome */
.goog-te-banner-frame,.skiptranslate>iframe,#goog-gt-tt,.goog-te-balloon-frame{display:none !important}
body{top:0 !important}
.goog-text-highlight{background:none !important;box-shadow:none !important}
.goog-te-gadget{font-size:0 !important;color:transparent !important}

#sre-chat-fab{position:fixed;right:22px;bottom:22px;z-index:9000;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;font-size:26px;color:#04121a;background:linear-gradient(135deg,#22d3ee,#6366f1);box-shadow:0 14px 36px rgba(34,211,238,.45);transition:transform .2s,opacity .2s;display:flex;align-items:center;justify-content:center}
#sre-chat-fab:hover{transform:scale(1.08)}
#sre-chat-fab.hide{opacity:0;pointer-events:none;transform:scale(.5)}
#sre-chat-fab::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(34,211,238,.5);animation:scpulse 2.2s ease-out infinite;pointer-events:none}
@keyframes scpulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
#sre-chat{position:fixed;right:22px;bottom:22px;z-index:9001;width:372px;max-width:calc(100vw - 28px);height:564px;max-height:calc(100vh - 40px);background:#0a0f1e;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:none;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,.6)}
#sre-chat.open{display:flex}
.sc-head{display:flex;align-items:center;gap:11px;padding:15px 16px;background:linear-gradient(135deg,#101a3a,#1a1140);border-bottom:1px solid var(--line)}
.sc-ava{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#6366f1);display:flex;align-items:center;justify-content:center;font-size:19px}
.sc-head b{font-size:15px;color:#fff}.sc-head small{display:block;color:#9aa7c7;font-size:11px}
.sc-x{margin-left:auto;background:none;border:none;color:#9aa7c7;font-size:16px;cursor:pointer}
.sc-x:hover{color:#fff}
.sc-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(600px 300px at 80% 0,#10193a 0,transparent 60%),#0a0f1e}
.sc-msg{max-width:84%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;white-space:pre-wrap}
.sc-msg.bot{background:rgba(255,255,255,.07);border:1px solid var(--line);color:#eaf0ff;align-self:flex-start;border-bottom-left-radius:4px}
.sc-msg.user{background:linear-gradient(135deg,#22d3ee,#6366f1);color:#04121a;font-weight:600;align-self:flex-end;border-bottom-right-radius:4px}
.sc-msg.typing{color:#9aa7c7}
.sc-sugg{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 10px;background:#0a0f1e}
.sc-sugg button{font-size:12px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#eaf0ff;padding:7px 11px;border-radius:20px;cursor:pointer}
.sc-sugg button:hover{border-color:#22d3ee;color:#fff}
.sc-input{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--line);background:#0a0f1e}
.sc-input input{flex:1;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:11px;padding:11px 13px;color:#fff;font-size:14px;outline:none}
.sc-input input:focus{border-color:#22d3ee}
.sc-input button{width:42px;border:none;border-radius:11px;background:linear-gradient(135deg,#22d3ee,#6366f1);color:#04121a;font-size:16px;cursor:pointer}
@media(max-width:480px){#sre-chat{right:10px;bottom:10px;height:calc(100vh - 20px)}#sre-chat-fab{right:16px;bottom:16px}}