/* ============ Value of BESS — light projection card ============ */
.savings-anim { display: flex; align-items: stretch; justify-content: center; }

.svz {
  position: relative; width: 100%; align-self: start;
  background: transparent;
  border: 0;
  border-radius: 0; padding: 0;
  box-shadow: none;
  color: var(--steel-900); cursor: pointer;
}

/* header */
.svz-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; }
.svz-live { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--steel-500); }
.svz-head-period { font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--lemon-600); background: rgba(170,199,96,.12); border: 1px solid rgba(170,199,96,.28); padding: 5px 11px; border-radius: 999px; white-space: nowrap; }

/* hero figure */
.svz-hero { margin-bottom: 26px; }
.svz-hero-label { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-bottom: 6px; }
.svz-hero-num { display: block; font-family: 'Montserrat', sans-serif; font-size: clamp(52px, 6.4vw, 76px); font-weight: 800; letter-spacing: -.03em; line-height: .98; color: var(--steel-900); font-variant-numeric: tabular-nums; }
.svz-hero-sub { display: block; margin-top: 12px; font-size: 14px; font-weight: 600; letter-spacing: .01em; color: var(--muted); }

/* calm stats row with thin dividers */
.svz-stats { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.svz-stat { padding: 20px 0 6px; position: relative; }
.svz-stat + .svz-stat { padding-left: 22px; }
.svz-stat + .svz-stat::before { content: ''; position: absolute; left: 0; top: 20px; bottom: 10px; width: 1px; background: var(--line); }
.svz-stat-num { font-family: 'Montserrat', sans-serif; font-size: clamp(26px, 3vw, 34px); font-weight: 800; letter-spacing: -.02em; color: var(--steel-900); font-variant-numeric: tabular-nums; line-height: 1; }
.svz-stat-num i { font-style: normal; font-size: 14px; font-weight: 700; color: inherit; margin-left: 4px; }
.svz-stat-cap { display: block; font-size: 11px; font-weight: 600; letter-spacing: .03em; color: var(--muted); margin-top: 8px; line-height: 1.3; }

/* footer: assumptions + link */
.svz-foot { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--line); }
.svz-profile { display: block; margin-top: 8px; font-size: 11px; font-weight: 500; letter-spacing: .01em; color: var(--muted); line-height: 1.4; }
.svz-foot-note { font-size: 11px; font-weight: 500; letter-spacing: .01em; color: var(--steel-500); }
.svz-foot-link { color: var(--lemon-600); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; transition: color .2s; }
.svz-foot-link:hover { color: var(--steel-900); }

@media (max-width: 840px) {
  .svz { padding: 24px 22px 18px; }
  .svz-stat + .svz-stat { padding-left: 14px; }
  .svz-stat-num { font-size: 24px; }
}