:root{
  --en-dark:#06110b;
  --en-panel:#0b1c12;
  --en-green:#16a34a;
  --en-lime:#a3e635;
  --en-sun:#facc15;
  --en-cyan:#38bdf8;
  --en-white:#ffffff;
  --en-muted:#6b7280;
  --en-line:rgba(255,255,255,.14);
}
.energy-page{background:var(--en-dark);color:#fff;overflow:hidden}
.energy-container{width:min(1440px,calc(100% - 48px));margin:0 auto}
.energy-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:150px 0 70px;isolation:isolate}
.energy-hero__bg,.energy-hero__bg video{position:absolute;inset:0;width:100%;height:100%}
.energy-hero__bg video{object-fit:cover;filter:saturate(1.15) contrast(1.08) brightness(.72)}
.energy-hero__overlay{position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,rgba(250,204,21,.28),transparent 30%),radial-gradient(circle at 18% 70%,rgba(22,163,74,.32),transparent 32%),linear-gradient(90deg,rgba(6,17,11,.98) 0%,rgba(6,17,11,.76) 52%,rgba(6,17,11,.30) 100%)}
.energy-hero__content{position:relative;z-index:2}
.energy-kicker,.energy-section-label{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--en-lime);font-weight:900}
.energy-kicker span{width:44px;height:1px;background:linear-gradient(90deg,var(--en-lime),var(--en-sun))}
.energy-hero h1{max-width:1080px;margin:28px 0 26px;font-size:clamp(44px,7.2vw,108px);line-height:.93;letter-spacing:-.08em;font-weight:950}
.energy-hero p{max-width:820px;color:rgba(255,255,255,.78);font-size:20px;line-height:1.75}
.energy-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:42px}
.energy-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 30px;border-radius:999px;font-weight:900;text-decoration:none;transition:.35s ease}
.energy-btn--primary{color:#06110b;background:linear-gradient(135deg,#fff,#ecfccb)}
.energy-btn--outline{color:#fff;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);backdrop-filter:blur(14px)}
.energy-btn:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(163,230,53,.2)}
.energy-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1040px;margin-top:72px}
.energy-metrics div{background:rgba(255,255,255,.06);border:1px solid var(--en-line);border-radius:26px;padding:24px;backdrop-filter:blur(18px)}
.energy-metrics strong{display:block;font-size:30px;line-height:1}
.energy-metrics span{display:block;margin-top:11px;font-size:14px;color:rgba(255,255,255,.62)}
.energy-intro,.energy-solutions,.energy-investment,.energy-process,.energy-map,.energy-industries{padding:115px 0}
.energy-intro{background:#fff;color:#111827}
.energy-intro__grid,.energy-title-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.energy-intro h2,.energy-title-row h2,.energy-investment h2,.energy-contact h2{font-size:clamp(34px,4.5vw,66px);line-height:1.02;letter-spacing:-.06em;margin:14px 0 0}
.energy-intro p,.energy-title-row p{font-size:18px;line-height:1.85;color:#667085}
.energy-solutions{background:linear-gradient(180deg,#f7fee7,#fff);color:#111827}
.energy-solution-grid{margin-top:60px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.energy-solution-card{display:grid;grid-template-columns:.9fr 1fr;min-height:350px;background:#fff;border:1px solid #d9f99d;border-radius:34px;overflow:hidden;box-shadow:0 18px 65px rgba(20,83,45,.08);transition:.45s ease}
.energy-solution-card:hover{transform:translateY(-10px);box-shadow:0 30px 90px rgba(20,83,45,.14)}
.energy-solution-card img{width:100%;height:100%;object-fit:cover}
.energy-solution-card div{padding:34px;display:flex;flex-direction:column;justify-content:center}
.energy-solution-card span{color:#16a34a;font-weight:950}
.energy-solution-card h3{font-size:30px;letter-spacing:-.045em;margin:22px 0 14px}
.energy-solution-card p{color:#667085;line-height:1.75}
.energy-investment{background:#fff;color:#111827}
.energy-investment__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.energy-investment__visual{position:relative}
.energy-investment__visual img{height:620px;width:100%;object-fit:cover;border-radius:42px;box-shadow:0 30px 100px rgba(20,83,45,.15)}
.energy-floating-card{position:absolute;right:28px;bottom:28px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:24px 28px;box-shadow:0 18px 60px rgba(0,0,0,.16)}
.energy-floating-card strong{display:block;color:#14532d;font-size:28px}
.energy-floating-card span{color:#667085}
.energy-investment p{color:#667085;font-size:18px;line-height:1.85}
.energy-checks{display:grid;gap:14px;margin-top:32px}
.energy-checks div{background:#f7fee7;border:1px solid #d9f99d;padding:17px 18px;border-radius:18px;color:#365314;font-weight:800}
.energy-checks b{color:#16a34a;margin-right:8px}
.energy-process{background:#06110b;color:#fff}
.energy-process-line{margin-top:64px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--en-line);border-left:1px solid var(--en-line)}
.energy-step{min-height:310px;padding:32px;border-right:1px solid var(--en-line);border-bottom:1px solid var(--en-line);transition:.35s ease;background:rgba(255,255,255,.025)}
.energy-step:hover{background:rgba(255,255,255,.06)}
.energy-step b{color:var(--en-lime);font-size:18px}
.energy-step h3{font-size:27px;margin:58px 0 16px}
.energy-step p{color:rgba(255,255,255,.68);line-height:1.7}
.energy-map{background:#fff;color:#111827}
.energy-map__box{height:520px;border-radius:42px;overflow:hidden;background:linear-gradient(135deg,#ecfccb,#f8fafc);border:1px solid #d9f99d;position:relative;box-shadow:0 24px 85px rgba(20,83,45,.09)}
.map-grid{position:absolute;inset:38px;border-radius:32px;background:radial-gradient(circle at 35% 50%,rgba(22,163,74,.22),transparent 32%),radial-gradient(circle at 65% 62%,rgba(250,204,21,.24),transparent 30%),linear-gradient(135deg,#f8fafc,#ecfccb)}
.map-grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(22,163,74,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(22,163,74,.09) 1px,transparent 1px);background-size:42px 42px}
.map-grid span{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);background:#14532d;color:#fff;padding:12px 16px;border-radius:999px;font-weight:900;box-shadow:0 10px 30px rgba(20,83,45,.22)}
.energy-industries{background:#f7fee7;color:#111827}
.energy-industries-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:60px}
.energy-industry{background:#fff;border:1px solid #d9f99d;border-radius:30px;padding:34px;min-height:250px;box-shadow:0 14px 50px rgba(20,83,45,.08);transition:.35s ease}
.energy-industry:hover{transform:translateY(-8px)}
.energy-industry h3{font-size:26px;margin:0 0 18px;color:#14532d}
.energy-industry p{color:#667085;line-height:1.75}
.energy-marquee{overflow:hidden;background:linear-gradient(90deg,#16a34a,#84cc16,#facc15);color:#06110b;padding:22px 0;white-space:nowrap}
.energy-marquee div{display:inline-flex;gap:44px;animation:energyMarquee 26s linear infinite}
.energy-marquee span{font-size:22px;letter-spacing:.16em;font-weight:950}
@keyframes energyMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.energy-contact{padding:120px 0;background:#06110b}
.energy-contact__box{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;border-radius:46px;padding:70px;background:radial-gradient(circle at 82% 12%,rgba(163,230,53,.18),transparent 32%),radial-gradient(circle at 15% 86%,rgba(22,163,74,.22),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid var(--en-line)}
.energy-contact p{color:rgba(255,255,255,.68);font-size:18px;line-height:1.8}
.energy-form{display:grid;gap:14px}
.energy-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.energy-form input,.energy-form select,.energy-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:18px;padding:18px 20px;outline:none;transition:.25s ease}
.energy-form input::placeholder,.energy-form textarea::placeholder{color:rgba(255,255,255,.48)}
.energy-form select{color:rgba(255,255,255,.72)}
.energy-form input:focus,.energy-form select:focus,.energy-form textarea:focus{border-color:rgba(163,230,53,.9);box-shadow:0 0 0 4px rgba(163,230,53,.12)}
.energy-form button{border:0;background:linear-gradient(135deg,#fff,#ecfccb);color:#06110b;border-radius:999px;min-height:58px;font-weight:950;cursor:pointer;transition:.3s ease}
.energy-form button:hover{transform:translateY(-3px);box-shadow:0 20px 55px rgba(163,230,53,.18)}
.energy-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.energy-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1180px){
  .energy-metrics,.energy-industries-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .energy-intro__grid,.energy-title-row,.energy-investment__grid,.energy-contact__box{grid-template-columns:1fr;gap:38px}
  .energy-process-line{grid-template-columns:repeat(2,minmax(0,1fr))}
  .energy-solution-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .energy-container{width:min(100% - 28px,1440px)}
  .energy-hero{min-height:900px;padding-top:120px}
  .energy-hero h1{font-size:48px}
  .energy-hero p{font-size:17px}
  .energy-metrics,.energy-industries-grid,.energy-process-line,.energy-form__row,.energy-solution-card{grid-template-columns:1fr}
  .energy-solution-card img{height:250px}
  .energy-investment__visual img{height:390px}
  .energy-map__box{height:430px}
  .energy-contact__box{padding:30px;border-radius:28px}
}