/* ── INDEX-SPECIFIC ──────────────────────────────────────── */
    .hero-logo { height: 60px; filter: brightness(0) invert(1); margin: 0 auto 1.8rem; }

    /* Stats bar */
    .stats-bar {
      padding: 1rem 2rem;
    }
    .stats-inner {
      max-width: 1000px; margin: 0 auto;
      display: grid; grid-template-columns: repeat(3, 1fr);
      gap: 1rem;
    }
    .stat-divider {
      border-right: 1px solid rgba(255,255,255,.08);
    }
    .stat-divider:last-child { border-right: none; }

    /* Feature sections */
    .feature-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 4rem; align-items: center;
    }
    .feature-grid.reverse { direction: rtl; }
    .feature-grid.reverse > * { direction: ltr; }
    .feature-img {
      border-radius: 24px; overflow: hidden;
      position: relative;
    }
    .feature-img img {
      width: 100%; aspect-ratio: 4/3;
      object-fit: cover;
      transition: transform .7s var(--ease);
    }
    .feature-img:hover img { transform: scale(1.04); }
    .feature-img-badge {
      position: absolute; bottom: 1.5rem; left: 1.5rem;
      background: rgba(14,17,10,.75);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255,255,255,.1);
      border-radius: 12px; padding: .8rem 1.2rem;
      display: flex; align-items: center; gap: .8rem;
    }
    .badge-icon { display:flex; align-items:center; justify-content:center; color: #fff; }
    .badge-text { font-size: .8rem; font-weight: 700; color: #fff; }
    .badge-sub  { font-size: .72rem; color: rgba(255,255,255,.5); }

    /* ESG preview */
    .esg-preview-grid {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
    }
    .esg-mini-card {
      border-radius: 20px; padding: 2rem 1.6rem;
      position: relative; overflow: hidden;
      cursor: pointer; transition: transform .3s;
    }
    .esg-mini-card:hover { transform: translateY(-6px); }
    .esg-mini-card.e { background: linear-gradient(145deg, #2a4520 0%, #3A5E2E 100%); }
    .esg-mini-card.s { background: linear-gradient(145deg, #3d5c55 0%, #4D766E 100%); }
    .esg-mini-card.g { background: linear-gradient(145deg, #3d5a75 0%, #6290B1 100%); }
    .esg-mini-card .big-letter {
      position: absolute; top: -.5rem; right: .5rem;
      font-size: 7rem; font-weight: 900; opacity: .2; line-height: 1;
      color: #ffffff;
    }
    .esg-mini-card .esg-label {
      font-size: .7rem; font-weight: 700; letter-spacing: 1.5px;
      text-transform: uppercase; color: rgba(255,255,255,.55);
      margin-bottom: .6rem;
    }
    .esg-mini-card h3 { font-size: 1.3rem; font-weight: 800; color: #fff; margin-bottom: .8rem; }
    .esg-mini-card p { font-size: .83rem; color: rgba(255,255,255,.7); line-height: 1.6; }
    .esg-mini-card .arrow-link {
      display: inline-flex; align-items: center; gap: .4rem;
      color: rgba(255,255,255,.55); font-size: .78rem; font-weight: 700;
      margin-top: 1.2rem; transition: color .25s;
    }
    .esg-mini-card:hover .arrow-link { color: #fff; }

    /* Services preview */
    .services-preview {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
      gap: 1.2rem;
    }
    .sp-card {
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 16px; padding: 1.5rem;
      transition: background .3s, border-color .3s, transform .3s;
      cursor: pointer;
    }
    .sp-card:hover {
      background: rgba(138,153,58,.1);
      border-color: rgba(138,153,58,.3);
      transform: translateY(-3px);
    }
    .sp-num { font-size: 1.5rem; font-weight: 900; color: var(--verde-luz); opacity: .5; margin-bottom: .5rem; line-height: 1; }
    .sp-card h4 { font-size: .88rem; font-weight: 700; color: rgba(255,255,255,.85); line-height: 1.4; margin: 0; }

    /* Sectors */
    .sectors-scroll {
      display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center;
    }
    .sector-tag {
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.1);
      border-radius: 40px; padding: .7rem 1.4rem;
      font-size: .82rem; font-weight: 600;
      color: rgba(255,255,255,.65);
      transition: all .25s; cursor: default;
    }
    .sector-tag:hover { background: rgba(138,153,58,.15); border-color: rgba(138,153,58,.4); color: #fff; }

    /* CTA section */
    .cta-section {
      background: var(--grad);
      padding: 6rem 2rem; text-align: center;
      position: relative; overflow: hidden;
    }
    .cta-section::before {
      content: ''; position: absolute; inset: 0;
      background: radial-gradient(ellipse at 30% 50%, rgba(255,255,255,.08) 0%, transparent 60%),
                  radial-gradient(ellipse at 70% 50%, rgba(255,255,255,.05) 0%, transparent 55%);
    }
    .cta-section .cta-inner { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }
    .cta-section h2 { font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 900; color: #fff; margin-bottom: 1.2rem; line-height: 1.1; }
    .cta-section p { font-size: 1.1rem; color: rgba(255,255,255,.82); margin-bottom: 2.5rem; line-height: 1.8; }

    /* Marquee */
    .marquee-wrap { overflow: hidden; padding: 2rem 0; border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); }
    .marquee-track {
      display: flex; gap: 4rem; width: max-content;
      animation: marquee 25s linear infinite;
    }
    .marquee-track:hover { animation-play-state: paused; }
    .marquee-item { font-size: .75rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.25); white-space: nowrap; }
    .marquee-sep { color: var(--verde-luz); opacity: .4; }
    @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

    @media (max-width: 768px) {
      .feature-grid, .esg-preview-grid { grid-template-columns: 1fr; }
      .stats-inner { grid-template-columns: repeat(2, 1fr); }
      .feature-grid.reverse { direction: ltr; }
    }

    @keyframes bounce { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(8px)} }