/* =============================================
   PAGE 1 — HOME
   ============================================= */

/* Hero */
#home-hero {
  min-height:100vh;
  background:
    radial-gradient(ellipse at 22% 50%, rgba(201,162,39,.09) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 20%, rgba(0,230,118,.07) 0%, transparent 50%),
    linear-gradient(180deg, var(--black) 0%, var(--navy) 100%);
  display:flex; align-items:center;
  padding-top:80px; overflow:hidden; position:relative;
}
.hero-grid-bg {
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(201,162,39,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201,162,39,.04) 1px, transparent 1px);
  background-size:60px 60px;
  animation:gridShift 20s linear infinite;
}

/* Badge */
.hero-badge {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(0,230,118,.1); border:1px solid rgba(0,230,118,.3);
  color:var(--green-neon); padding:.38rem 1rem; border-radius:20px;
  font-family:'Rajdhani',sans-serif; font-size:.78rem; letter-spacing:2px;
  text-transform:uppercase; margin-bottom:1.5rem;
  animation:pulse-glow 2s ease-in-out infinite;
}
.hero-badge .dot { width:6px;height:6px;background:var(--green-neon);border-radius:50%;animation:blink 1s infinite; }

/* Title */
.hero-title {
  font-family:'Orbitron',monospace;
  font-size:clamp(2.2rem,5vw,4rem); font-weight:900; line-height:1.1; margin-bottom:1rem;
}
.hero-title .t-gr  { color:var(--gold-light); }
.hero-title .t-en  { color:var(--white); }
.hero-title .t-sm {
  background:linear-gradient(90deg,var(--green-neon),var(--cyan));
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}

.hero-tagline {
  font-family:'Rajdhani',sans-serif; font-size:1rem; letter-spacing:3px;
  color:var(--gold-pale); text-transform:uppercase; margin-bottom:1.5rem;
}
.hero-desc { font-size:1rem; line-height:1.8; color:rgba(240,244,255,.74); max-width:520px; margin-bottom:2rem; }

/* Stats */
.hero-stats   { display:flex; gap:2rem; margin-bottom:2.5rem; flex-wrap:wrap; }
.stat-num {
  font-family:'Orbitron',monospace; font-size:1.8rem; font-weight:700;
  background:linear-gradient(135deg,var(--gold),var(--gold-light));
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; display:block;
}

.stat-label { font-family:'Rajdhani',sans-serif; font-size:.68rem; color:rgba(240,244,255,.48); letter-spacing:2px; text-transform:uppercase; }

/* Ecosystem */
.eco-wrap { position:relative; width:420px; height:420px; margin:0 auto; }
.eco-center {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:110px; height:110px;
  background:radial-gradient(circle,var(--navy-mid),var(--black));
  border:2px solid var(--gold); border-radius:50%;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  box-shadow:0 0 40px rgba(201,162,39,.4),inset 0 0 30px rgba(201,162,39,.1); z-index:5;
}
.eco-center i    { font-size:1.8rem; color:var(--gold-light); }
.eco-center span { font-family:'Orbitron',monospace; font-size:.48rem; color:var(--gold-pale); letter-spacing:1px; margin-top:2px; }

.eco-ring  {
  position:absolute; top:50%; left:50%;
  width:340px; height:340px; margin:-170px 0 0 -170px;
  border:1px dashed rgba(201,162,39,.22); border-radius:50%;
  animation:spinSlow 30s linear infinite;
}
.eco-ring2 {
  position:absolute; top:50%; left:50%;
  width:240px; height:240px; margin:-120px 0 0 -120px;
  border:1px dashed rgba(0,230,118,.16); border-radius:50%;
  animation:spinSlow 20s linear infinite reverse;
}

.eco-node {
  position:absolute; width:64px; height:64px;
  background:var(--glass); border:1px solid var(--glass-border);
  border-radius:var(--radius-sm);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  backdrop-filter:blur(10px); transition:all .3s; cursor:default;
}
.eco-node:hover { border-color:var(--gold); box-shadow:0 0 22px rgba(201,162,39,.4); transform:scale(1.12); }
.eco-node i   { font-size:1.25rem; margin-bottom:3px; }
.eco-node span{ font-size:.48rem; font-family:'Rajdhani',sans-serif; letter-spacing:1px; text-transform:uppercase; text-align:center; }

.n-solar  { top:10px;  left:50%; transform:translateX(-50%); }  .n-solar  i { color:#ffd600; }
.n-wind   { top:18%;  right:5%; }                               .n-wind   i { color:var(--cyan); }
.n-grid   { bottom:18%; right:5%; }                             .n-grid   i { color:#ff6d00; }
.n-rev    { bottom:10px;left:50%;transform:translateX(-50%); }  .n-rev    i { color:var(--gold-light); }
.n-charge { bottom:18%; left:5%; }                              .n-charge i { color:var(--green-neon); }
.n-ev     { top:18%;  left:5%; }                                .n-ev     i { color:var(--purple); }

@media(max-width:768px){
  .eco-wrap   { width:280px; height:280px; }
  .eco-ring   { width:220px; height:220px; margin:-110px 0 0 -110px; }
  .eco-node   { width:50px; height:50px; }
  .hero-stats { gap:1rem; }
}


/* =============================================
   QUICK OVERVIEW CARDS & INVESTMENT HIGHLIGHTS
   ============================================= */

/* Feature Cards */
.gr-feat-card {
  background: rgba(11, 31, 58, 0.8);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 30px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid rgba(201, 168, 76, 0.2);
  height: 100%;
}

.gr-feat-card:hover {
  transform: translateY(-10px);
  border-color: var(--gold);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.gr-icon-wrap {
  width: 70px;
  height: 70px;
  background: rgba(201, 168, 76, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

.gr-icon-wrap i {
  font-size: 2rem;
  color: var(--gold);
}

.gr-card-title {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--white);
}

.gr-card-desc {
  color: var(--gray);
  font-size: 0.85rem;
  line-height: 1.6;
}

.card-link {
  display: inline-block;
  margin-top: 15px;
  font-size: 0.75rem;
  font-family: 'Rajdhani', sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.gr-feat-card:hover .card-link {
  letter-spacing: 2px;
}

.c-green-link { 
  color: var(--green-neon); 
}

.c-cyan-link { 
  color: var(--cyan); 
}

/* Investment Stats */
.investment-stat {
  background: rgba(11, 31, 58, 0.8);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 30px 20px;
  text-align: center;
  border: 1px solid rgba(201, 168, 76, 0.3);
  transition: all 0.3s ease;
  height: 100%;
}

.investment-stat:hover {
  transform: scale(1.05);
  border-color: var(--gold);
  box-shadow: 0 10px 30px rgba(201, 168, 76, 0.2);
}

.investment-stat-icon {
  width: 70px;
  height: 70px;
  background: rgba(201, 168, 76, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
}

.investment-stat-icon i {
  font-size: 2rem;
  color: var(--gold);
}

.investment-stat-value {
  font-size: 2rem;
  font-weight: 800;
  color: var(--gold);
  margin-bottom: 5px;
}

.investment-stat-label {
  font-size: 0.8rem;
  color: var(--gray);
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Responsive */
@media (max-width: 768px) {
  .gr-icon-wrap {
    width: 55px;
    height: 55px;
  }
  
  .gr-icon-wrap i {
    font-size: 1.5rem;
  }
  
  .gr-card-title {
    font-size: 1rem;
  }
  
  .gr-card-desc {
    font-size: 0.75rem;
  }
  
  .investment-stat {
    padding: 20px 15px;
  }
  
  .investment-stat-icon {
    width: 55px;
    height: 55px;
  }
  
  .investment-stat-icon i {
    font-size: 1.5rem;
  }
  
  .investment-stat-value {
    font-size: 1.5rem;
  }
  
  .investment-stat-label {
    font-size: 0.7rem;
  }
}

@media (max-width: 576px) {
  .gr-feat-card {
    padding: 20px;
  }
  
  .investment-stat-value {
    font-size: 1.3rem;
  }
}