@import url("../2-albertinformatiqueaurelien/albertinformatiqueaurelien.css");
.energy-page { --blue:#00c997;--blue-dark:#00a77f;--green:#8ee53f; }
.energy-page .nav-cta { border-color:rgba(0,201,151,.5);background:rgba(0,201,151,.12); }
.energy-hero { min-height:100vh;padding:calc(var(--header) + 90px) 0 100px;background:radial-gradient(circle at 75% 40%,rgba(0,201,151,.16),transparent 32%),linear-gradient(135deg,#050b14 42%,#071b20); }
.energy-hero-grid { display:grid;min-height:640px;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px; }
.energy-hero h1 em { color:var(--green); }
.energy-showcase { position:relative;min-height:560px; }
.energy-showcase figure { position:absolute;overflow:hidden;margin:0;border:1px solid rgba(0,201,151,.35);background:#0a1820;box-shadow:0 28px 70px rgba(0,0,0,.42); }
.energy-showcase img { width:100%;height:100%;object-fit:cover; }
.photo-main { inset:0 40px 65px 0;border-radius:26px; }.photo-small { right:-20px;bottom:0;z-index:2;width:47%;height:48%;padding:8px;border-radius:20px; }.photo-small img { border-radius:13px; }
.energy-badge { position:absolute;top:25px;left:-30px;z-index:3;width:145px;padding:17px;border:1px solid rgba(142,229,63,.35);border-radius:15px;background:rgba(5,18,22,.9); }.energy-badge strong,.energy-badge span { display:block; }.energy-badge strong { color:var(--green);font-size:29px; }.energy-badge span { color:#c3d4d2;font-size:11px; }
.energy-services { display:grid;gap:30px; }.energy-service { display:grid;overflow:hidden;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:24px;background:var(--surface); }.energy-service > img { width:100%;height:100%;min-height:480px;object-fit:cover; }.energy-service > div { display:flex;padding:55px;flex-direction:column;justify-content:center; }.energy-service.reverse > img { order:2; }
.energy-service .kicker { margin-bottom:10px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase; }.energy-service h3 { margin-bottom:18px;font-size:clamp(28px,3vw,39px);line-height:1.08; }.energy-service p,.energy-service li { color:var(--muted); }.energy-service ul { display:grid;padding:0;gap:8px;list-style:none; }.energy-service li::before { margin-right:10px;color:var(--green);content:"✓"; }.energy-service a { color:var(--green);font-weight:750; }
.energy-benefits { background:radial-gradient(circle at 50% 20%,rgba(0,201,151,.11),transparent 34%),#050d14; }.benefits-title { margin:0 auto 55px;text-align:center; }.benefits-title .eyebrow { justify-content:center; }.benefits-title h2 { font-size:clamp(38px,5vw,62px);line-height:1.04; }.benefits-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:15px; }.benefits-grid article { padding:30px 25px;border:1px solid var(--line);border-radius:17px;background:rgba(10,25,33,.72); }.benefits-grid b { color:var(--green); }.benefits-grid h3 { margin:30px 0 8px; }.benefits-grid p { margin:0;color:var(--muted);font-size:13px; }
@media(max-width:900px){.energy-hero-grid{gap:40px}.energy-service>div{padding:38px 30px}.benefits-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.energy-hero-grid{grid-template-columns:1fr}.energy-showcase{min-height:480px;width:min(100%,520px);margin:auto}.energy-service{grid-template-columns:1fr}.energy-service.reverse>img{order:initial}.energy-service>img{min-height:320px}.energy-badge{left:0}}
@media(max-width:520px){.energy-showcase{min-height:390px}.photo-main{right:15px;bottom:50px}.photo-small{right:0}.benefits-grid{grid-template-columns:1fr}.energy-service>div{padding:30px 22px}}