@font-face{font-family:Poppins;src:url('/assets/energy-case/Poppins-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/energy-case/Poppins-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
.case-dialog.energy-case{width:min(960px,calc(100% - 40px));max-width:none;max-height:92dvh;border:0;border-radius:40px;background:var(--page);overflow:auto}
.energy-case .energy-case-header{height:86px;margin:0 36px;padding:25px 0 24px;border-bottom:1px solid #d9d9d9;z-index:5;background:var(--page)}
.energy-case .energy-case-header::before{content:"";position:absolute;inset:0 -36px;background:inherit;z-index:-1}
.energy-overview-label{font-size:16px;line-height:16px;letter-spacing:1px;text-transform:uppercase;color:#595b55}
.energy-case .energy-case-close{position:static;flex:none;width:36px;height:36px}
.energy-case-body{display:flex;flex-direction:column;gap:24px;padding:24px 36px 48px}
.energy-section{display:flex;flex-direction:column;gap:24px;min-width:0}
.energy-section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:10px}
.energy-kicker{font-size:16px;font-weight:500;line-height:16px;color:#fd7040}
.energy-case h2.energy-section-title{font-size:24px;line-height:29px;font-weight:600;letter-spacing:0;margin:0}
.energy-section-description{font-size:16px;line-height:24px;color:#595b55;margin:0;max-width:100%}
.energy-organization{font-size:16px;line-height:24px;font-weight:500;color:#595b55;margin:0}
.energy-intro .energy-section-description{width:696px}
.energy-problem .energy-section-description{width:574px}
.energy-mobile .energy-section-description{width:592px}
.energy-outcome .energy-section-description{width:712px}
.energy-visual{position:relative;overflow:clip;border-radius:24px;background:#f2f1f0;flex:none;width:100%;margin:0}
.energy-hero-visual{aspect-ratio:888/424}
.energy-hero-visual>img{position:absolute;left:-.112613%;top:-4.245283%;width:100.112613%;height:auto;max-width:none}
.energy-problem-content{display:flex;flex-direction:column;gap:16px}
.energy-problem-visual{aspect-ratio:888/324}
.energy-spreadsheets{position:absolute;left:3.603604%;top:11.419753%;width:37.387387%;height:76.851852%;object-fit:cover}
.energy-reports{position:absolute;left:55.968468%;top:8.641975%;width:40.09009%;height:82.407407%;object-fit:cover}
.energy-manual-flow{position:absolute;left:42.905405%;top:28.08642%;width:11.824324%;display:flex;flex-direction:column;align-items:center;gap:29px;text-align:center;color:#f67328;font-size:13.548px;font-weight:600;line-height:13.548px}
.energy-flow-arrow{position:relative;display:block;flex:none;width:27px;height:18px}
.energy-flow-arrow>img{position:absolute;left:-2.4246px;top:-2.4264px;max-width:none}
.energy-return-arrow{transform:scaleX(-1)}
.energy-problem-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.energy-problem-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:164px;padding:13px 16px 15px;background:#f2f1f0;border-radius:16px}
.energy-case .energy-problem-card h3{font-size:16px;line-height:16px;font-weight:600;letter-spacing:0}
.energy-problem-card p{font-size:14px;line-height:20px;color:#595b55;max-width:224px}
html[lang=ru] .energy-problem-card h3{line-height:22px}
.energy-mobile-visual{aspect-ratio:888/468}
.energy-mobile-visual>img{position:absolute;left:-.225225%;top:4.487179%;width:100%;height:86.538462%;object-fit:cover}
.energy-mobile-labels{position:absolute;left:-.225225%;top:92.094017%;width:100%;height:20px;text-align:center;font-size:14px;font-weight:600;line-height:20px;color:#2b2b2b}
.energy-mobile-labels>span{position:absolute;top:0;left:var(--phone-center);width:23%;transform:translateX(-50%)}
/* Device centers in the 1857px-wide ece99.png, shared by both layouts. */
.energy-mobile-labels>span:nth-child(1){--phone-center:14.916532%}
.energy-mobile-labels>span:nth-child(2){--phone-center:38.368336%}
.energy-mobile-labels>span:nth-child(3){--phone-center:61.658589%}
.energy-mobile-labels>span:nth-child(4){--phone-center:85.002693%}
.energy-outcome .energy-takeaway{margin-top:-18px}
.energy-outcome-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;list-style:none;margin:0;padding:0}
.energy-outcome-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:18px 16px;background:#f2f1f0;border-radius:16px}
.energy-outcome-card>img{display:block;flex:none;width:40px;height:40px}
.energy-case .energy-outcome-card h3{min-height:44px;font-size:16px;line-height:22px;font-weight:600;letter-spacing:0}
@media(min-width:900px){.energy-case:where(:lang(en)) .energy-outcome-card h3{min-height:22px}}
.energy-outcome-card p{font-size:14px;line-height:20px;color:#595b55}
.energy-outcome-visual{aspect-ratio:888/309}
.energy-outcome-visual>img{position:absolute;left:2.364865%;top:2.265372%;width:95.27027%;height:91.262136%;object-fit:contain}
.case-dialog.energy-case[open]{animation:energy-case-open .36s var(--ease) both}
.case-dialog.energy-case[open]::backdrop{animation:energy-backdrop-in .3s ease both}
[data-case-reveal].case-reveal-ready{opacity:0;translate:0 18px}
[data-case-reveal].is-visible{opacity:1;translate:0 0;animation:energy-block-in .65s var(--ease) both}
[data-case-reveal].case-reveal-immediate{opacity:1;translate:none;animation:none}
@keyframes energy-case-open{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes energy-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes energy-block-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:700px){
  .case-dialog.energy-case{width:calc(100% - 24px);max-height:94dvh;border-radius:24px}
  .energy-case .energy-case-header{height:68px;margin:0 20px;padding:16px 0}
  .energy-case .energy-case-header::before{inset:0 -20px}
  .energy-overview-label{font-size:12px}
  .energy-case-body{padding:14px 20px 28px;gap:32px}
  .energy-section{gap:20px}
  .energy-section-heading{gap:10px}
  .energy-kicker{font-size:14px;line-height:20px}
  .energy-case h2.energy-section-title{font-size:22px;line-height:28px}
  .energy-section-description{font-size:15px;line-height:23px}
  .energy-visual{border-radius:18px}
  .energy-problem-visual{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;aspect-ratio:auto}
  .energy-spreadsheets,.energy-reports{position:static;width:min(100%,356px);height:auto;object-fit:contain}
  .energy-manual-flow{position:static;width:100%;flex-direction:row;justify-content:center;gap:16px;font-size:13px;line-height:18px}
  .energy-manual-flow>span{max-width:140px}
  .energy-manual-flow>.energy-flow-arrow{transform:rotate(90deg)}
  .energy-manual-flow>.energy-return-arrow{transform:rotate(-90deg)}
  .energy-problem-cards{grid-template-columns:1fr;gap:12px}
  .energy-problem-card{display:grid;grid-template-columns:40px 1fr;column-gap:14px;row-gap:8px;min-height:0;padding:18px}
  .energy-problem-card>img{grid-row:1/3}
  .energy-problem-card p{max-width:none}
  .energy-case .energy-problem-card h3{line-height:20px}
  .energy-mobile-visual{aspect-ratio:auto;overflow-x:auto;overscroll-behavior-x:contain}
  .energy-mobile-visual>img{position:static;display:block;width:760px;max-width:none;height:auto;margin:18px 0 4px}
  .energy-mobile-labels{position:relative;left:0;top:auto;width:760px;height:36px;font-size:12px;line-height:18px}
  .energy-outcome .energy-takeaway{margin-top:-14px}
  .energy-outcome-cards{grid-template-columns:1fr;gap:12px}
  .energy-outcome-card{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:8px;padding:18px}
  .energy-outcome-card>img{grid-row:1/3}
  .energy-case .energy-outcome-card h3{min-height:0}
  .energy-outcome-card p{grid-column:2}
}
@media(prefers-reduced-motion:reduce){
  .case-dialog.energy-case[open],.case-dialog.energy-case[open]::backdrop,[data-case-reveal].is-visible{animation:none}
  [data-case-reveal].case-reveal-ready{opacity:1;translate:none}
}