/* ═══════════════════════════════════════════════════════════════
   GS BLUE ELECTRIC v5 — Black & Blue Theme
═══════════════════════════════════════════════════════════════ */
:root {
  --green-950: #020610;
  --green-900: #050E1F;
  --green-800: #091428;
  --green-700: #0D1E3A;
  --green-600: #102850;
  --green-500: #1A4A8A;
  --green-400: #2563C8;
  --green-300: #4A8FE8;
  --green-200: #7BB5F0;
  --green-100: #C0D9F5;
  --green-50:  #EBF3FC;

  --amber-600: #B87200;
  --amber-500: #E8960A;
  --amber-400: #F5B428;
  --amber-100: #FEF2CC;
  --amber-50:  #FFFBEB;

  --gray-900: #0D1117;
  --gray-800: #1A2030;
  --gray-700: #2A3245;
  --gray-500: #4A5568;
  --gray-400: #64748B;
  --gray-300: #94A3B8;
  --gray-200: #CBD5E1;
  --gray-100: #E2E8F0;
  --gray-50:  #F1F5F9;
  --white:    #FFFFFF;

  --font: 'Plus Jakarta Sans', system-ui, sans-serif;
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;

  --shadow-xs: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-sm: 0 2px 8px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
  --shadow-md: 0 4px 24px rgba(0,0,0,.08), 0 12px 40px rgba(0,0,0,.06);
  --shadow-lg: 0 8px 40px rgba(0,0,0,.12), 0 24px 64px rgba(0,0,0,.08);
  --shadow-blue: 0 8px 32px rgba(37,99,200,.25), 0 2px 8px rgba(37,99,200,.15);
}

/* ── SKIP TO CONTENT ─────────────────────────────────────────── */
.skip-link {
  position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;
  font-size:.875rem; font-weight:700; padding:10px 16px; background:#2563C8;
  color:var(--white); text-decoration:none; border-radius:var(--r-sm); z-index:9999;
}
.skip-link:focus { left:16px; top:16px; width:auto; height:auto; overflow:visible; }

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { font-size:16px; scroll-behavior:smooth; }
body {
  font-family: var(--font); font-size:16px; line-height:1.65;
  color: var(--gray-700); background: var(--white);
  -webkit-font-smoothing: antialiased; overflow-x:hidden;
}

h1,h2,h3,h4,h5 { font-family: var(--font); font-weight:800; line-height:1.12; letter-spacing:-.025em; color:var(--gray-900); }
h1 { font-size: clamp(2.4rem,5vw,4rem); }
h2 { font-size: clamp(1.7rem,3vw,2.4rem); }
h3 { font-size: clamp(1.2rem,2vw,1.6rem); font-weight:700; }
h4 { font-size: 1.05rem; font-weight:700; }
p  { color: var(--gray-500); line-height:1.72; }
a  { text-decoration:none; color:inherit; }

/* ── LAYOUT ──────────────────────────────────────────────────── */
.container { max-width:1200px; margin:0 auto; padding:0 32px; }
@media(max-width:640px){ .container{ padding:0 20px; } }
.section { padding:100px 0; }
.section-sm { padding:64px 0; }
.page { display:block; }
.page.active { animation:fadeIn .4s ease both; }
@keyframes fadeIn { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }

/* ── GRID ────────────────────────────────────────────────────── */
.g2 { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.g3 { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.g4 { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
@media(max-width:960px){ .g2,.g3,.g4{ grid-template-columns:1fr; } .g3{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .g3,.g4{ grid-template-columns:1fr; } }

/* ── NAV ─────────────────────────────────────────────────────── */
nav {
  position:sticky; top:0; z-index:800;
  background:rgba(5,14,31,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(37,99,200,.18);
  transition:box-shadow .3s;
}
nav.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,.35); background:rgba(2,6,16,.99); }
.nav-inner {
  max-width:1200px; margin:0 auto; padding:0 32px;
  display:flex; align-items:center; justify-content:space-between; height:68px;
}
.nav-brand { display:flex; align-items:center; flex-shrink:0; }
.site-logo { display:block; width:auto; object-fit:contain; }
.site-logo-nav { height:34px; cursor:pointer; }
.site-logo-footer { height:34px; margin-bottom:14px; opacity:.9; }
.nav-logo img { height:30px; width:auto; cursor:pointer; }
.nav-links { display:flex; align-items:center; gap:2px; }
.nav-links a {
  font-size:.82rem; font-weight:600; letter-spacing:-.01em;
  color:rgba(255,255,255,.65); padding:6px 12px; border-radius:var(--r-xs);
  cursor:pointer; transition:color .15s, background .15s;
}
.nav-links a:hover, .nav-links a.active {
  color:var(--white); background:rgba(255,255,255,.08);
}
.nav-right { display:flex; align-items:center; gap:10px; }
.lang-btn {
  display:flex; background:rgba(255,255,255,.1); border-radius:20px; padding:3px;
}
.lang-btn button {
  border:none; background:transparent; padding:4px 12px; border-radius:16px;
  font-size:.75rem; font-weight:700; font-family:var(--font);
  cursor:pointer; color:rgba(255,255,255,.5); transition:all .2s;
}
.lang-btn button.active {
  background:rgba(255,255,255,.15); color:var(--white);
  box-shadow:none;
}
html[lang="en"] #btn-en,
html[lang="ro"] #btn-ro {
  background:rgba(255,255,255,.15); color:var(--white);
  box-shadow:none;
}
html[lang="en"] #btn-ro,
html[lang="ro"] #btn-en {
  background:transparent; color:rgba(255,255,255,.5);
  box-shadow:none;
}
.nav-cta {
  background:var(--green-400); color:var(--white);
  padding:8px 20px; border-radius:20px; border:none;
  font-size:.82rem; font-weight:700; font-family:var(--font);
  cursor:pointer; transition:all .2s;
}
.nav-cta:hover { background:var(--green-500); box-shadow:var(--shadow-blue); }
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:4px; background:none; border:none; margin:0; line-height:1; }
.hamburger span { display:block; width:22px; height:2px; background:rgba(255,255,255,.7); border-radius:2px; }
.mobile-menu {
  display:none; position:fixed; inset:0; z-index:700;
  background:#F1F5F9; padding:88px 28px 40px; flex-direction:column; gap:4px;
}
.mobile-menu.open { display:flex; }
.mobile-menu a {
  font-size:1.1rem; font-weight:600; padding:14px 0;
  border-bottom:1px solid var(--gray-100); color:var(--gray-700); cursor:pointer;
}
@media(max-width:860px){
  .nav-links{ display:none; }
  .nav-inner{ justify-content:flex-start; }
  .nav-right{ margin-left:auto; margin-right:0; }
  .hamburger{ display:flex; margin-left:8px; }
  .nav-cta{ display:none; }
}

/* ── BUTTONS ─────────────────────────────────────────────────── */
.btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:13px 28px; border-radius:28px; font-size:.9rem;
  font-weight:700; font-family:var(--font); cursor:pointer; border:none;
  transition:all .2s; letter-spacing:-.01em;
}
.btn-primary { background:var(--green-400); color:var(--white); }
.btn-primary:hover { background:var(--green-500); box-shadow:var(--shadow-blue); transform:translateY(-1px); }
.btn-amber { background:var(--amber-400); color:var(--gray-900); }
.btn-amber:hover { background:var(--amber-500); transform:translateY(-1px); box-shadow:0 8px 24px rgba(232,150,10,.3); }
.btn-outline { background:transparent; color:var(--green-500); border:1.5px solid var(--green-200); }
.btn-outline:hover { background:var(--green-50); border-color:var(--green-300); }
.btn-white { background:var(--white); color:var(--green-800); box-shadow:var(--shadow-sm); }
.btn-white:hover { background:var(--green-50); }
.btn-ghost { background:rgba(255,255,255,.12); color:var(--white); border:1px solid rgba(255,255,255,.25); }
.btn-ghost:hover { background:rgba(255,255,255,.2); }

/* ── TAGS ────────────────────────────────────────────────────── */
.tag {
  display:inline-block; font-size:.72rem; font-weight:700;
  letter-spacing:.04em; padding:4px 12px; border-radius:20px;
}
.tag-green { background:var(--green-50); color:var(--green-500); border:1px solid var(--green-100); }
.tag-amber { background:var(--amber-50); color:var(--amber-600); border:1px solid var(--amber-100); }
.tag-gray  { background:var(--gray-100); color:var(--gray-500); }

/* ── STATUS ──────────────────────────────────────────────────── */
.status { display:inline-flex; align-items:center; gap:7px; font-size:.78rem; font-weight:700; }
.status-dot { width:7px; height:7px; border-radius:50%; flex-shrink:0; }
.status-op .status-dot { background:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.25); animation:pulse-dot 2s infinite; }
.status-op { color:#16a34a; background:rgba(34,197,94,.12); border-radius:20px; padding:4px 10px; }
@keyframes pulse-dot { 0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.25)} 50%{box-shadow:0 0 0 5px rgba(34,197,94,.08)} }
.status-plan .status-dot { background:var(--amber-400); }
.status-plan { color:var(--amber-600); }

/* ── LABELS ──────────────────────────────────────────────────── */
.section-label {
  display:inline-flex; align-items:center; gap:10px;
  font-size:.72rem; font-weight:800; letter-spacing:.1em;
  text-transform:uppercase; color:var(--green-400); margin-bottom:14px;
}
.section-label::before { content:''; width:22px; height:2px; background:var(--amber-400); }

/* ── CARDS ───────────────────────────────────────────────────── */
.card {
  background:var(--white); border:1px solid var(--gray-100);
  border-radius:var(--r-lg); padding:32px;
  box-shadow:var(--shadow-xs); transition:box-shadow .25s, transform .25s, border-color .25s;
}
.card:hover { box-shadow:var(--shadow-md); transform:translateY(-3px); border-color:#C0D9F5; }

/* ── STAT ROW ────────────────────────────────────────────────── */
.stat-strip {
  display:grid; grid-template-columns:repeat(4,1fr);
  border:1px solid var(--gray-100); border-radius:var(--r-lg);
  overflow:hidden; box-shadow:var(--shadow-sm);
}
.stat-cell {
  background:var(--white); padding:36px 28px; text-align:center;
  border-right:1px solid var(--gray-100); transition:background .2s;
}
.stat-cell:last-child { border-right:none; }
.stat-cell:hover { background:#EBF3FC; }
.stat-num { font-size:2.2rem; font-weight:800; color:var(--green-500); line-height:1; letter-spacing:-.03em; white-space:nowrap; }
.stat-unit { color:var(--amber-500); font-size:1rem; font-weight:700; }
.stat-lbl { font-size:.72rem; color:var(--gray-400); margin-top:8px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; }
@media(max-width:700px){
  .stat-strip{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .stat-cell{ min-width:0; padding:36px 23px; border-bottom:1px solid var(--gray-100); }
  .stat-lbl{ font-size:calc(.72rem - 1px); white-space:nowrap; }
}

/* ── HERO ────────────────────────────────────────────────────── */
.hero {
  min-height:92vh; display:flex; align-items:center;
  position:relative; overflow:hidden;
  background:linear-gradient(150deg, var(--green-950) 0%, var(--green-900) 55%, var(--green-800) 100%);
}
.hero-photo {
  position:absolute; inset:0;
  background-image:url('../../assets/images/img_001.jpg');
  background-size:cover; background-position:center 30%;
  opacity:.18; filter:saturate(.4) hue-rotate(200deg);
}
.hero-grad1 { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(2,6,16,.82) 0%, rgba(2,6,16,.22) 38%, rgba(2,6,16,.10) 55%, rgba(2,6,16,.88) 100%); }
.hero-grad2 { position:absolute; inset:0; background:linear-gradient(105deg, rgba(5,14,31,.92) 0%, rgba(5,14,31,.62) 38%, rgba(5,14,31,.18) 62%, transparent 75%); }
.hero-grid {
  position:absolute; inset:0; opacity:.018;
  background-image:
    linear-gradient(rgba(255,255,255,1) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,1) 1px,transparent 1px);
  background-size:120px 120px;
}
.hero-glow {
  position:absolute; bottom:-60px; right:-40px; width:900px; height:600px;
  background:radial-gradient(ellipse at 70% 80%, rgba(37,99,200,.12) 0%, rgba(74,143,232,.08) 40%, transparent 70%);
  pointer-events:none;
}
.hero-glow2 {
  position:absolute; top:0; left:0; right:0; height:40%;
  background:linear-gradient(180deg, rgba(0,0,0,.4) 0%, transparent 100%);
  pointer-events:none;
}
.hero-vignette {
  position:absolute; inset:0;
  background:radial-gradient(ellipse at 50% 50%, rgba(9,27,65,.1) 30%, rgba(0,0,0,.5) 100%);
  pointer-events:none;
}
.hero-content { position:relative; z-index:2; padding-top:130px; padding-bottom:90px; }
.hero-eyebrow {
  display:inline-flex; align-items:center; gap:10px;
  font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:rgba(255,255,255,.6); margin-bottom:24px;
}
.hero-eyebrow::before { content:''; width:24px; height:1.5px; background:var(--amber-400); }
.hero h1, .hero h2 { color:#ffffff; margin-bottom:28px; } max-width:740px; margin-bottom:24px; font-weight:800; }
.hero h1 .amber { color:#F5B428 !important; font-style:normal; }
.hero h1 em { font-style:normal; color:var(--amber-400); }
.hero h1 span { color:var(--amber-400) !important; }
.hero-sub { font-size:1.05rem; color:rgba(255,255,255,.7); max-width:520px; margin-bottom:44px; font-weight:400; }
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:64px; }
.hero-kpis {
  display:flex; gap:0; flex-wrap:wrap;
  padding-top:40px; border-top:1px solid rgba(255,255,255,.12);
}
.hero-kpi { padding-right:48px; margin-right:48px; border-right:1px solid rgba(255,255,255,.12); }
.hero-kpi:last-child { border-right:none; }
.hero-kpi-num { font-size:2rem; font-weight:800; color:var(--white); line-height:1; letter-spacing:-.04em; }
.hero-kpi-unit { color:var(--amber-400); font-size:.95rem; }
.hero-kpi-lbl { font-size:.7rem; color:rgba(255,255,255,.5); margin-top:5px; font-weight:600; text-transform:uppercase; letter-spacing:.07em; }
.hero-scroll {
  position:absolute; bottom:36px; left:50%; transform:translateX(-50%);
  z-index:2; color:rgba(255,255,255,.35); font-size:.65rem; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase;
  display:flex; flex-direction:column; align-items:center; gap:8px;
  animation:bob 2.2s ease-in-out infinite;
}
@keyframes bob { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(8px)} }

/* ── TRUST BAR ───────────────────────────────────────────────── */
.trust-bar { background:var(--gray-50); border-top:1px solid var(--gray-100); border-bottom:1px solid var(--gray-100); padding:22px 0; }
.trust-inner { display:flex; align-items:center; justify-content:center; gap:40px; flex-wrap:wrap; max-width:1200px; margin:0 auto; padding:0 32px; }
.trust-item { display:flex; align-items:center; gap:8px; font-size:.75rem; font-weight:700; color:var(--gray-400); letter-spacing:.02em; }
.trust-dot { width:5px; height:5px; border-radius:50%; background:var(--green-400); flex-shrink:0; }

/* ── SECTION PANELS ──────────────────────────────────────────── */
.panel-dark {
  background:linear-gradient(135deg, var(--green-900) 0%, var(--green-800) 60%, #0A1E40 100%);
  border-radius:var(--r-xl); padding:56px;
  box-shadow:var(--shadow-lg); position:relative; overflow:hidden;
}
.panel-dark h1, .panel-dark h2, .panel-dark h3, .panel-dark h4 { color:var(--white); }
.panel-dark p { color:rgba(255,255,255,.7); }

.panel-dark::before {
  content:''; position:absolute; top:-60px; right:-60px; width:280px; height:280px;
  background:radial-gradient(circle, rgba(37,99,200,.2), transparent 70%); pointer-events:none;
}
.panel-light { background:#EBF3FC; border:1px solid #C0D9F5; border-radius:var(--r-xl); padding:56px; }

/* ── PARTNERS ────────────────────────────────────────────────── */
.partner-strip { display:flex; align-items:stretch; justify-content:center; gap:20px; flex-wrap:wrap; }
.partner-logo {
  background:var(--white); border:1px solid var(--gray-100);
  border-radius:var(--r-md); padding:16px 24px; width:180px; height:82px;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden; box-shadow:var(--shadow-xs); transition:all .25s; filter:grayscale(.2) opacity(.8);
}
.partner-logo span { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.partner-logo img {
  display:block; width:auto !important; height:auto !important;
  max-width:132px; max-height:42px !important; object-fit:contain;
}
.partner-logo img[src*="maib_logo"] { max-width:120px; max-height:34px !important; }
.partner-logo img[src*="huawei_logo"] {
  width:120px !important; height:30px !important; max-width:120px; max-height:30px !important;
  transform:scale(1.65); transform-origin:center;
}
.partner-logo img[src*="jinko_logo"] { max-width:118px; max-height:38px !important; }
.partner-logo img[src*="minister_"] { max-width:144px; max-height:46px !important; transform:scale(1.18); transform-origin:center; }
.partner-logo img[src*="rm_gov_logo"] { max-width:134px; max-height:38px !important; }
.partner-logo:hover { filter:none; box-shadow:var(--shadow-md); border-color:#7BB5F0; transform:translateY(-2px); }
.section-sm.news-list-section { padding-bottom:32px; }
.section.news-gallery-section { padding-top:24px; }
.news-gallery-section .reveal { margin-top:0 !important; }

/* ── METRIC BOX ──────────────────────────────────────────────── */
.mbox { background:var(--gray-50); border:1px solid var(--gray-100); border-radius:var(--r-md); padding:22px; transition:border-color .2s; }
.mbox:hover { border-color:#7BB5F0; }
.mbox-val { font-size:1.6rem; font-weight:800; color:var(--green-500); line-height:1; letter-spacing:-.03em; }
.mbox-unit { color:var(--amber-500); font-size:1rem; font-weight:700; }
.mbox-lbl { font-size:.68rem; color:var(--gray-400); margin-top:7px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }

/* ── TIMELINE ────────────────────────────────────────────────── */
.timeline { position:relative; padding-left:36px; }
.timeline::before { content:''; position:absolute; left:8px; top:8px; bottom:8px; width:1.5px; background:linear-gradient(to bottom, #7BB5F0, var(--gray-100)); }
.tl-item { position:relative; padding-bottom:32px; }
.tl-item:last-child { padding-bottom:0; }
.tl-dot {
  position:absolute; left:-32px; top:4px;
  width:16px; height:16px; border-radius:50%;
  background:var(--white); border:2px solid var(--green-200);
}
.tl-dot.done { background:var(--green-400); border-color:var(--green-400); box-shadow:0 0 0 3px rgba(42,145,71,.15); }
.tl-date { font-size:.7rem; color:var(--gray-400); font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:4px; }
.tl-title { font-weight:700; color:var(--gray-800); margin-bottom:4px; font-size:.95rem; }
.tl-desc { font-size:.875rem; color:var(--gray-500); line-height:1.65; }

/* ── PROJECT CARDS ───────────────────────────────────────────── */
.project-feature-media { border-radius:var(--r-xl) 0 0 var(--r-xl); }
.proj-card { background:var(--white); border:1px solid var(--gray-100); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-sm); transition:all .25s; }
.proj-card:hover { box-shadow:var(--shadow-lg); transform:translateY(-4px); border-color:#C0D9F5; }

/* ── FORM ────────────────────────────────────────────────────── */
.form-group { margin-bottom:18px; }
.form-group label { display:block; font-size:.75rem; font-weight:700; color:var(--gray-600); margin-bottom:6px; text-transform:uppercase; letter-spacing:.04em; }
.form-group input, .form-group select, .form-group textarea {
  width:100%; background:var(--gray-50); border:1.5px solid var(--gray-100);
  border-radius:var(--r-sm); padding:12px 14px; font-family:var(--font);
  font-size:.9rem; color:var(--gray-800); outline:none; transition:border-color .2s;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
  border-color:#4A8FE8; background:var(--white);
}
.form-group select option { background:var(--white); }
.form-group textarea { resize:vertical; min-height:100px; }

/* ── AVATAR ──────────────────────────────────────────────────── */
.avatar {
  width:88px; height:88px; border-radius:50%; margin:0 auto 18px;
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem; font-weight:800; border:2px solid var(--green-100);
  box-shadow:var(--shadow-sm);
}

/* ── GALLERY ─────────────────────────────────────────────────── */
.gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.gallery-item { border-radius:var(--r-sm); overflow:hidden; aspect-ratio:4/3; position:relative; cursor:pointer; }
.gallery-item:hover .gallery-overlay { opacity:1; }
.gallery-overlay { position:absolute; inset:0; background:rgba(5,14,31,.6); opacity:0; transition:opacity .25s; display:flex; align-items:flex-end; padding:14px; font-size:.75rem; color:rgba(255,255,255,.9); font-weight:600; }
@media(max-width:640px){ .gallery{ grid-template-columns:1fr 1fr; } }
.gallery-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.gal-item {
  display:block; width:100%; border:0; padding:0; cursor:pointer;
  border-radius:var(--r-lg); overflow:hidden; aspect-ratio:16/10;
  position:relative; box-shadow:var(--shadow-md); background:var(--gray-100);
}
.gal-item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.gal-overlay {
  position:absolute; inset:0; background:linear-gradient(to top,rgba(5,14,31,.75) 0%,transparent 55%);
  opacity:0; transition:opacity .3s ease; display:flex; align-items:flex-end; padding:16px;
  text-align:left; pointer-events:none;
}
.gal-overlay span { color:var(--white); font-size:.78rem; font-weight:600; line-height:1.35; }
@media(max-width:900px){ .gallery-grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:640px){ .gallery-grid{ grid-template-columns:1fr 1fr; gap:10px; } }

/* ── FOOTER ──────────────────────────────────────────────────── */
footer { background:var(--green-950); color:rgba(255,255,255,.6); padding:72px 0 32px; border-top:1px solid rgba(37,99,200,.15); }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; margin-bottom:48px; }
.footer-col h6 { font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.4); margin-bottom:16px; }
.footer-col a { display:block; font-size:.875rem; margin-bottom:10px; cursor:pointer; transition:color .2s; color:rgba(255,255,255,.55); }
.footer-col a:hover { color:var(--white); }
.footer-bottom { border-top:1px solid rgba(255,255,255,.08); padding-top:24px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; font-size:.8rem; }
@media(max-width:800px){ .footer-grid{ grid-template-columns:1fr 1fr; } }

/* ── REVEAL ──────────────────────────────────────────────────── */
.reveal { opacity:0; transform:translateY(20px); transition:opacity .65s ease, transform .65s ease; }
.reveal.visible { opacity:1; transform:none; }
.d1 { transition-delay:.1s; } .d2 { transition-delay:.2s; } .d3 { transition-delay:.3s; }

/* ── PAGE HEADERS ────────────────────────────────────────────── */
.page-header {
  background:linear-gradient(135deg, var(--green-950) 0%, var(--green-800) 60%, #0E2347 100%);
  padding:100px 0 64px; margin-top:68px;
}
.page-header h1, .page-header h2 { color:var(--white); font-size:clamp(2rem,4vw,3rem); font-weight:800; line-height:1.15; letter-spacing:-0.02em; }
.page-header h3 { color:var(--white); }
.page-header p { color:rgba(255,255,255,.65); margin-top:16px; max-width:560px; }
.page-header .section-label { color:rgba(255,255,255,.5); }
.page-header .section-label::before { background:var(--amber-400); }
.gal-item:hover img{transform:scale(1.04);}.gal-item:hover .gal-overlay{opacity:1!important;}
.gtab{font-family:var(--font);font-size:.82rem;font-weight:600;padding:8px 18px;border-radius:40px;border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-500);cursor:pointer;transition:all .18s ease;letter-spacing:.01em;white-space:nowrap;}
.gtab:hover{border-color:var(--green-400);color:var(--green-400);background:var(--green-50);}
.gtab-active{border-color:var(--green-500)!important;background:var(--green-500)!important;color:var(--white)!important;}
@media(max-width:640px){#gal-tabs{gap:6px;}.gtab{font-size:.75rem;padding:6px 12px;}}
@media(max-width:768px){#contact-grid{grid-template-columns:1fr!important;}.contact-photo-col{display:none!important;}}
@media(max-width:640px){#page-privileged div[style*="grid-template-columns:2fr 1fr"]{grid-template-columns:1fr!important;}}
@media(max-width:640px){
  /* Project detail overlay mobile fixes */
  #cef-radeni-detail > div { padding:24px 16px 60px !important; }
  #cef-radeni-detail div[style*="grid-template-columns:repeat(4,1fr)"] { grid-template-columns:1fr 1fr !important; }
  #cef-radeni-detail div[style*="grid-template-columns:1fr 1fr;gap:40px"] { grid-template-columns:1fr !important; gap:20px !important; }
  #cef-radeni-detail div[style*="grid-template-columns:repeat(3,1fr)"] { grid-template-columns:1fr 1fr !important; }
  #cef-radeni-detail h1 { font-size:1.8rem !important; }
  #cef-radeni-detail div[style*="height:420px"] { height:220px !important; }
}

@media(max-width:640px){
  .hero-content { padding-top:75px; padding-bottom:60px; }
  .hero h1 { font-size:clamp(1.9rem,7vw,2.4rem); max-width:100%; }
  .hero-sub { font-size:.9rem; margin-bottom:28px; }
  .hero-eyebrow { font-size:.62rem; }
  .hero-actions { gap:10px; margin-bottom:36px; }
  .hero-kpis {
    padding-top:24px;
    gap:0;
    display:grid !important;
    grid-template-columns:1fr 1fr;
    border-top:1px solid rgba(255,255,255,.12);
  }
  .hero-kpi {
    padding:14px 8px 14px 0;
    margin-right:0 !important;
    border-right:none !important;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .hero-kpi:last-child, .hero-kpi:nth-last-child(2) { border-bottom:none; }
  .hero-kpi-num { font-size:1.6rem; }
  .btn { padding:12px 20px; font-size:.82rem; }
}

@media(max-width:700px){
  .reveal[style*="grid-template-columns:1fr 1fr"] { grid-template-columns:1fr !important; }
}

@media(max-width:700px){
  div[style*="grid-template-columns:1fr 1fr"][style*="min-height:460px"] {
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }
  div[style*="padding:44px;display:flex;flex-direction:column;justify-content:center"] {
    padding:28px 20px !important;
  }
  .mbox-val { font-size:1.3rem !important; }
}

/* ═══════════════════════════════════════════
   RESPONSIVE — TABLET (≤960px)
═══════════════════════════════════════════ */
@media(max-width:960px){
  .g2,.g3,.g4 { grid-template-columns:1fr; }
  .g3 { grid-template-columns:1fr 1fr; }
  .section { padding:72px 0; }
  .hero-content { padding-top:82px; padding-bottom:72px; }
  .page-header { padding:80px 0 52px; }
}

/* ═══════════════════════════════════════════
   RESPONSIVE — MOBILE (≤640px)
═══════════════════════════════════════════ */
@media(max-width:640px){
  /* Container */
  .container { padding:0 20px; }

  /* Typography */
  h1 { font-size:clamp(1.75rem,6.5vw,2.4rem); }
  h2 { font-size:clamp(1.4rem,5vw,1.9rem); }

  /* Hero */
  .hero { min-height:100svh; align-items:flex-start; }
  .hero-content { padding-top:56px; padding-bottom:88px; }
  .hero h1 { font-size:clamp(1.75rem,7.5vw,2.4rem); max-width:100%; margin-bottom:20px; }
  .hero-sub { font-size:1rem; margin-bottom:28px; max-width:100%; }
  .hero-eyebrow { font-size:.62rem; }
  .hero-actions { flex-direction:column; align-items:stretch; gap:12px; margin-bottom:32px; flex-wrap:nowrap; }
  .hero-kpis {
    display:grid !important;
    grid-template-columns:1fr 1fr;
    border-top:1px solid rgba(255,255,255,.12);
    padding-top:30px;
    gap:0;
  }
  .hero-kpi {
    padding:14px 8px 14px 0;
    margin-right:0 !important;
    border-right:none !important;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .hero-kpi:last-child,
  .hero-kpi:nth-last-child(2) { border-bottom:none; }
  .hero-kpi-num { font-size:1.45rem !important; }

  /* Sections */
  .section { padding:56px 0; }
  .section-sm { padding:40px 0; }
  .page-header { padding:72px 0 44px; }
  .page-header h1, .page-header h2 { font-size:clamp(1.6rem,6vw,2.2rem); }

  /* Grids */
  .g2,.g3,.g4 { grid-template-columns:1fr; gap:20px; }

  /* Cards */
  .card { padding:24px; }
  .mbox { padding:16px; }
  .mbox-val { font-size:1.3rem !important; }

  /* Navbar */
  .nav-inner { padding:0 16px; }

  /* Buttons */
  .btn { padding:12px 20px; font-size:.82rem; }
  .hero-actions .btn {
    width:100%;
    min-height:52px;
    justify-content:center;
    text-align:center;
    white-space:nowrap;
  }

  /* Partner logos strip */
  .partner-strip {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    width:100%;
  }
  .partner-logo {
    width:100%;
    height:76px;
    min-height:0;
    padding:12px 14px;
  }
  .partner-logo:last-child {
    grid-column:1 / -1;
    justify-self:center;
    width:calc((100% - 12px) / 2);
  }
  .partner-logo img { max-width:124px; max-height:36px !important; }
  .partner-logo img[src*="maib_logo"] { max-width:108px; max-height:30px !important; }
  .partner-logo img[src*="huawei_logo"] { width:138px !important; height:34px !important; max-width:138px; max-height:34px !important; transform:scale(1.85); }
  .partner-logo img[src*="jinko_logo"] { max-width:108px; max-height:34px !important; }
  .partner-logo img[src*="minister_"] { max-width:150px; max-height:48px !important; transform:none; }
  .partner-logo img[src*="rm_gov_logo"] { max-width:124px; max-height:34px !important; }

  /* Stat strip */
  .stat-strip { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .stat-cell { min-width:0; padding:36px 3px; border-bottom:1px solid var(--gray-100); overflow:hidden; }
  .stat-lbl { font-size:calc(.72rem - 2px); letter-spacing:0; white-space:nowrap; }

  /* Project featured card - stack on mobile */
  div[style*="grid-template-columns:1fr 1fr"][style*="min-height:460px"] {
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }
  .project-feature-media { border-radius:var(--r-xl) var(--r-xl) 0 0; }
  div[style*="padding:44px;display:flex;flex-direction:column;justify-content:center"] {
    padding:24px !important;
  }
  .pipeline-panel { padding:32px 24px !important; }

  /* Mission/Vision grid */
  div[style*="grid-template-columns:1fr 1fr;gap:24px;align-items:stretch"] {
    grid-template-columns:1fr !important;
  }

  /* Team photo grid */
  div[style*="grid-template-columns:1fr 1fr;gap:16px"] {
    grid-template-columns:1fr !important;
  }

  /* Gallery grid */
  div[style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns:1fr 1fr !important;
  }

  /* Footer */
  .footer-grid { grid-template-columns:1fr !important; }

  /* Scroll indicator */
  .scroll-ind { display:none; }
}

/* ═══════════════════════════════════════════
   RESPONSIVE — SMALL MOBILE (≤400px)
═══════════════════════════════════════════ */
@media(max-width:400px){
  .container { padding:0 16px; }
  .hero h1 { font-size:1.65rem; }
  .hero-actions .btn { flex:1 1 100%; }
  .card { padding:20px; }
  .partner-logo { width:100%; height:74px; min-height:0; padding:10px 12px; }
  .partner-logo:last-child { width:calc((100% - 12px) / 2); }
}

@media(max-width:640px){
  /* News cards image height */
  div[style*="height:240px;overflow:hidden"] { height:180px !important; }
  /* Page header text */
  .page-header p { font-size:.88rem; }
  /* Reduce mbox grid gap */
  div[style*="grid-template-columns:1fr 1fr;gap:12px"] { gap:8px !important; }
  /* Partner cards section */
  .g4 { grid-template-columns:1fr 1fr !important; gap:16px !important; }
  /* Nav inner padding */
  .nav-links a { font-size:.82rem; }
  /* Reduce section label */
  .section-label { font-size:.68rem; }
}

@media(max-width:640px){
  /* Gallery 2-col on mobile */
  div[style*="grid-template-columns:repeat(4,1fr);gap:14px"] {
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  /* Mbox grid in featured card */
  div[style*="grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px"] {
    gap:8px !important;
  }
  /* Trust bar / partner strip — wrap on mobile */
  .trust-bar { overflow-x:visible; }
  .partner-strip { min-width:0; flex-wrap:wrap; justify-content:center; gap:12px; }
}
@media(max-width:860px){
  /* Tablet nav */
  .nav-inner { padding:0 24px; }
}

@media(max-width:640px){
  .g4-partner { grid-template-columns:1fr !important; gap:14px !important; }
  .g4-partner > div { padding:20px 16px !important; text-align:left !important; }
  .g4-partner h4 { font-size:.95rem !important; }
  .g4-partner p { font-size:.875rem !important; line-height:1.6 !important; }
}
@media(max-width:400px){
  .g4-partner { grid-template-columns:1fr !important; }
}

.team-grid { grid-template-columns:repeat(4,1fr) !important; }
@media(max-width:860px){ .team-grid { grid-template-columns:1fr 1fr !important; gap:20px !important; } }
@media(max-width:480px){ .team-grid { grid-template-columns:1fr !important; } }

@media(max-width:640px){
  .hero .hero-content { padding:56px 20px 88px; }
}
@media(max-width:400px){
  .hero .hero-content { padding-left:16px; padding-right:16px; }
}