.hm-points{padding:clamp(3.5rem,7vw,6rem) 0 clamp(2.5rem,5vw,4rem)}.hm-points-sprite{width:0;height:0;position:absolute;overflow:hidden}.hm-point-list{gap:clamp(3.5rem,8vw,6.5rem);margin-top:clamp(2.5rem,5vw,4rem);display:grid}.hm-point{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(2rem,6vw,5.5rem);display:grid}.hm-point:nth-child(2n) .hm-point-art{order:-1}.hm-point-copy h3{letter-spacing:-.02em;text-wrap:balance;margin:.9rem 0;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.12}.hm-point-lead{color:var(--ink);margin:0 0 .9rem;font-size:clamp(1.1rem,1.5vw,1.25rem);line-height:1.5}.hm-point-copy p:not(.hm-point-lead){max-width:34rem;color:var(--ink-soft);margin:0;line-height:1.65}@media (width<=900px){.hm-point{grid-template-columns:minmax(0,1fr);gap:1.75rem}.hm-point:nth-child(2n) .hm-point-art{order:0}}.vz{--cycle:12s;aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#f4f7f5;position:relative;overflow:hidden;container-type:inline-size}.vz svg{width:100%;height:100%;font-family:inherit;position:absolute;inset:0}.vz .tile{fill:#fff;stroke:#e6e9e7;stroke-width:1.5px;filter:drop-shadow(0 1px 2px #131b230f)drop-shadow(0 6px 14px #131b230d)}.vz .well{fill:#eef2ef}.vz .ico{color:var(--ink-soft)}.vz .lbl{fill:var(--ink-mute);font-size:15px;font-weight:600}.vz .sm{fill:var(--ink-mute);font-size:14px;font-weight:600}.vz .ttl{fill:var(--ink);letter-spacing:-.01em;font-size:17px;font-weight:700}.vz .val{fill:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.vz .val.s{font-size:18px}.vz .ttl.s{font-size:15px}.vz .rank{fill:var(--green-deep);font-size:13px;font-weight:800}.vz .is-ok{fill:var(--green-deep)}.vz .is-ink{fill:var(--ink)}.vz .tn{font-variant-numeric:tabular-nums}.vz .track{fill:none;stroke:#dde3df;stroke-width:3px;stroke-linecap:round}.vz .flow{fill:none;stroke-width:3px;stroke-linecap:round;stroke-dasharray:7 11}.vz .flow-solar{stroke:var(--solar)}.vz .flow-grid{stroke:var(--grid-import)}.vz .flow-batt{stroke:var(--battery-t)}.vz.is-playing .flow{animation:1.1s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-18px}}.vz .axis{fill:#98a29d;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.vz .cursor{stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.vz .sun-core{fill:var(--solar)}.vz .rays{stroke:var(--solar);stroke-width:4px;stroke-linecap:round;fill:none}.vz .cloud{fill:#dfe5e9;stroke:#c6cfd5;stroke-width:1.5px;stroke-linejoin:round;opacity:0;transform:translate(-180px)}.vz .kb{opacity:0}.vz.is-playing .ka,.vz.is-playing .kb{animation-duration:var(--cycle);animation-timing-function:linear;animation-iteration-count:infinite}.vz.is-playing .ka{animation-name:ka}.vz.is-playing .kb{animation-name:kb}@keyframes ka{0%,43.9%{opacity:1}44%,91.9%{opacity:0}92%,to{opacity:1}}@keyframes kb{0%,43.9%{opacity:0}44%,91.9%{opacity:1}92%,to{opacity:0}}.vz.is-playing .cloud{animation:cloud var(--cycle) var(--ease-out) infinite}@keyframes cloud{0%,38%{opacity:0;transform:translate(-180px)}40%{opacity:1}46%,90%{opacity:1;transform:translate(0)}96%,to{opacity:0;transform:translate(150px)}}.vz.is-playing .rays{animation:rays var(--cycle) var(--ease-out) infinite}@keyframes rays{0%,40%{opacity:1}46%,90%{opacity:.3}96%,to{opacity:1}}.vz .s1-car{transform-box:fill-box;transform-origin:0}.vz.is-playing .s1-car{animation:s1-car var(--cycle) var(--ease-out) infinite}@keyframes s1-car{0%,40%{transform:scaleX(1)}46%,90%{transform:scaleX(.358)}96%,to{transform:scaleX(1)}}.vz-prices{--cycle:14s}.vz .bar{fill:#d5dcd8}.vz .bar.is-cheap{fill:var(--green)}.vz .bar.is-peak{fill:#8f9aa2}.vz .s2-cur{transform:translate(242px)}.vz .s2-r1,.vz .s2-r2,.vz .s2-wait{opacity:0}.vz .s2-tile{stroke:var(--green)}.vz.is-playing .s2-cur{animation:s2-cur var(--cycle) linear infinite}@keyframes s2-cur{0%{transform:translate(0)}30%{transform:translate(111px)}45%{transform:translate(217px)}80%{transform:translate(283px)}to{transform:translate(400px)}}.vz.is-playing .s2-r1{animation:s2-r1 var(--cycle) linear infinite}.vz.is-playing .s2-r2{animation:s2-r2 var(--cycle) linear infinite}.vz.is-playing .s2-r3{animation:s2-r3 var(--cycle) linear infinite}.vz.is-playing .s2-run{animation:s2-run var(--cycle) linear infinite}.vz.is-playing .s2-wait{animation:s2-wait var(--cycle) linear infinite}.vz.is-playing .s2-tile{animation:s2-tile var(--cycle) linear infinite}@keyframes s2-r1{0%,29.9%{opacity:1}30%,to{opacity:0}}@keyframes s2-r2{0%,29.9%{opacity:0}30%,44.9%{opacity:1}45%,to{opacity:0}}@keyframes s2-r3{0%,44.9%{opacity:0}45%,to{opacity:1}}@keyframes s2-run{0%,44.9%{opacity:0}45%,79.9%{opacity:1}80%,to{opacity:0}}@keyframes s2-wait{0%,44.9%{opacity:1}45%,79.9%{opacity:0}80%,to{opacity:1}}@keyframes s2-tile{0%,44.9%{stroke:#e6e9e7}45%,79.9%{stroke:var(--green)}80%,to{stroke:#e6e9e7}}.vz-heat{--cycle:16s}.vz .s3-lvl{fill:#f4c88f;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.88)}.vz .s3-cur{transform:translate(100px)}.vz .s3-grid,.vz .s3-t44,.vz .s3-st0,.vz .s3-st2{opacity:0}.vz.is-playing .s3-cur{animation:s3-cur var(--cycle) linear infinite}@keyframes s3-cur{0%{transform:translate(0)}to{transform:translate(400px)}}.vz.is-playing .s3-lvl{animation:s3-lvl var(--cycle) var(--ease-out) infinite}@keyframes s3-lvl{0%{transform:scaleY(.88)}8%,16%{transform:scaleY(.42)}33%,45%{transform:scaleY(.88)}67%,83%{transform:scaleY(.5)}92%,to{transform:scaleY(.88)}}.vz.is-playing .s3-sun{animation:s3-sun var(--cycle) linear infinite}.vz.is-playing .s3-grid{animation:s3-grid var(--cycle) linear infinite}.vz.is-playing .s3-t55{animation:s3-t55 var(--cycle) linear infinite}.vz.is-playing .s3-t44{animation:s3-t44 var(--cycle) linear infinite}.vz.is-playing .s3-st0{animation:s3-st0 var(--cycle) linear infinite}.vz.is-playing .s3-st1{animation:s3-st1 var(--cycle) linear infinite}.vz.is-playing .s3-st2{animation:s3-st2 var(--cycle) linear infinite}@keyframes s3-sun{0%,16.5%{opacity:0}17%,33%{opacity:1}33.5%,to{opacity:0}}@keyframes s3-grid{0%,82.5%{opacity:0}83%,91.5%{opacity:1}92%,to{opacity:0}}@keyframes s3-t55{0%,2.9%{opacity:1}3%,29.9%{opacity:0}30%,64.9%{opacity:1}65%,89.9%{opacity:0}90%,to{opacity:1}}@keyframes s3-t44{0%,2.9%{opacity:0}3%,29.9%{opacity:1}30%,64.9%{opacity:0}65%,89.9%{opacity:1}90%,to{opacity:0}}@keyframes s3-st0{0%,16.9%{opacity:1}17%,32.9%{opacity:0}33%,82.9%{opacity:1}83%,91.9%{opacity:0}92%,to{opacity:1}}@keyframes s3-st1{0%,16.9%{opacity:0}17%,32.9%{opacity:1}33%,to{opacity:0}}@keyframes s3-st2{0%,82.9%{opacity:0}83%,91.9%{opacity:1}92%,to{opacity:0}}.vz-battery{--cycle:16s}.vz .s4-lvl{fill:var(--battery-t);transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.41)}.vz .s4-cur{transform:translate(75px)}.vz .s4-p78,.vz .s4-p55,.vz .s4-batt,.vz .s4-b,.vz .s4-hb{opacity:0}.vz.is-playing .s4-cur{animation:s4-cur var(--cycle) linear infinite}@keyframes s4-cur{0%{opacity:0;transform:translate(0)}3%{opacity:1}18%{transform:translate(75px)}38%{transform:translate(100px)}62%{transform:translate(233px)}82%{transform:translate(344px)}94%{opacity:1;transform:translate(400px)}97%,to{opacity:0;transform:translate(400px)}}.vz.is-playing .s4-lvl{animation:s4-lvl var(--cycle) var(--ease-out) infinite}@keyframes s4-lvl{0%,18%{transform:scaleY(.41)}38%,74%{transform:scaleY(.78)}82%{transform:scaleY(.55)}94%,to{transform:scaleY(.41)}}.vz.is-playing .s4-p41{animation:s4-p41 var(--cycle) linear infinite}.vz.is-playing .s4-p78{animation:s4-p78 var(--cycle) linear infinite}.vz.is-playing .s4-p55{animation:s4-p55 var(--cycle) linear infinite}.vz.is-playing .s4-grid{animation:s4-grid var(--cycle) linear infinite}.vz.is-playing .s4-batt{animation:s4-batt var(--cycle) linear infinite}.vz.is-playing .s4-a{animation:s4-a var(--cycle) linear infinite}.vz.is-playing .s4-b{animation:s4-b var(--cycle) linear infinite}.vz.is-playing .s4-ha{animation:s4-ha var(--cycle) linear infinite}.vz.is-playing .s4-hb{animation:s4-hb var(--cycle) linear infinite}@keyframes s4-p41{0%,27.9%{opacity:1}28%,89.9%{opacity:0}90%,to{opacity:1}}@keyframes s4-p78{0%,27.9%{opacity:0}28%,79.9%{opacity:1}80%,to{opacity:0}}@keyframes s4-p55{0%,79.9%{opacity:0}80%,89.9%{opacity:1}90%,to{opacity:0}}@keyframes s4-grid{0%,17.5%{opacity:0}18%,38%{opacity:1}38.5%,to{opacity:0}}@keyframes s4-batt{0%,75.5%{opacity:0}76%,94%{opacity:1}94.5%,to{opacity:0}}@keyframes s4-a{0%,54.9%{opacity:1}55%,to{opacity:0}}@keyframes s4-b{0%,54.9%{opacity:0}55%,to{opacity:1}}@keyframes s4-ha{0%,73.9%{opacity:1}74%,to{opacity:0}}@keyframes s4-hb{0%,73.9%{opacity:0}74%,to{opacity:1}}.vz.is-playing .s5-dim{animation:s5-dim var(--cycle) var(--ease-out) infinite}@keyframes s5-dim{0%,42%{opacity:1}47%,90%{opacity:.45}95%,to{opacity:1}}.vz .bar.is-sun{fill:var(--solar)}.vz .s6-sun{fill:var(--solar);transform-box:fill-box;transform-origin:0;transform:scaleX(0)}.vz .s6-night{fill:var(--green);transform-box:fill-box;transform-origin:0;transform:scaleX(0)}.vz .s6-cur,.vz .s6-j48,.vz .s6-j70,.vz .s6-sb,.vz .s6-sc{opacity:0}.vz.is-playing .s6-cur{animation:s6-cur var(--cycle) linear infinite}@keyframes s6-cur{0%{opacity:0;transform:translate(0)}3%{opacity:1}20%{transform:translate(36px)}56%{transform:translate(258px)}70%{transform:translate(302px)}88%{opacity:1;transform:translate(373px)}92%,to{opacity:0;transform:translate(373px)}}.vz.is-playing .s6-sun{animation:s6-sun var(--cycle) linear infinite}.vz.is-playing .s6-night{animation:s6-night var(--cycle) linear infinite}@keyframes s6-sun{0%,2%{transform:scaleX(0)}20%,to{transform:scaleX(.13)}}@keyframes s6-night{0%,56%{transform:scaleX(0)}70%,to{transform:scaleX(.22)}}.vz.is-playing .s6-j35{animation:s6-j35 var(--cycle) linear infinite}.vz.is-playing .s6-j48{animation:s6-j48 var(--cycle) linear infinite}.vz.is-playing .s6-j70{animation:s6-j70 var(--cycle) linear infinite}.vz.is-playing .s6-sa{animation:s6-sa var(--cycle) linear infinite}.vz.is-playing .s6-sb{animation:s6-sb var(--cycle) linear infinite}.vz.is-playing .s6-sc{animation:s6-sc var(--cycle) linear infinite}@keyframes s6-j35{0%,10.9%{opacity:1}11%,to{opacity:0}}@keyframes s6-j48{0%,10.9%{opacity:0}11%,62.9%{opacity:1}63%,to{opacity:0}}@keyframes s6-j70{0%,62.9%{opacity:0}63%,to{opacity:1}}@keyframes s6-sa{0%,19.9%{opacity:1}20%,to{opacity:0}}@keyframes s6-sb{0%,19.9%{opacity:0}20%,62.9%{opacity:1}63%,to{opacity:0}}@keyframes s6-sc{0%,62.9%{opacity:0}63%,to{opacity:1}}@container (width<=440px){.vz .sm,.vz .axis{font-size:16.5px}.vz .lbl{font-size:17px}.vz .ttl{font-size:19px}.vz .ttl.s{font-size:16.5px}.vz .rank{font-size:15px}}@media (prefers-reduced-motion:reduce){.vz *,.vz :before,.vz :after{animation:none!important}}
