.public-site .home-metrics.stats-bar{position:relative;padding:38px 24px 46px;background:#edf4f8;isolation:isolate;overflow:hidden}
.public-site .home-metrics:before{content:"";position:absolute;inset:0 0 48%;background:#102e42;z-index:-1}
.public-site .home-metrics .stats-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1360px;margin:auto}
.public-site .home-metrics .stat-item{--metric-accent:#72d8ee;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:25px 28px 30px;overflow:hidden;border:1px solid #416177;border-radius:20px;background:radial-gradient(ellipse at 100% 0%,#27577180,transparent 70%),linear-gradient(140deg,#163d55,#0d273c);text-align:start;box-shadow:0 16px 30px #0a25401c;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.public-site .home-metrics .stat-item:before{content:"";position:absolute;width:140px;height:140px;inset-inline-end:-70px;top:-65px;border:1px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 24px #ffffff04,0 0 0 48px #ffffff03;pointer-events:none}
.public-site .home-metrics .metric-storage{--metric-accent:#ffbd72}.public-site .home-metrics .metric-volume{--metric-accent:#b1a7ff}.public-site .home-metrics .metric-live{--metric-accent:#74e4bd}
.public-site .home-metrics .metric-symbol{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:22px;color:var(--metric-accent)}
.public-site .home-metrics .metric-symbol svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.public-site .home-metrics .metric-symbol>span{font:600 11px/1 monospace;letter-spacing:2px;color:#adc3d780;direction:ltr}
.public-site .home-metrics .stat-num{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin:0 0 9px;font:800 clamp(30px,3.2vw,46px)/1.25 system-ui,sans-serif;letter-spacing:-1.5px;color:#fff;direction:ltr;unicode-bidi:isolate}
.public-site .home-metrics .metric-unit{font-size:clamp(16px,1.65vw,24px);font-weight:650;letter-spacing:0;color:var(--metric-accent)}
.public-site .home-metrics .stat-label{color:#c3d7e7;font-size:14px;line-height:1.6;overflow-wrap:anywhere;min-height:2.8em;max-width:100%}
.public-site .home-metrics .metric-track{position:absolute;inset-inline:28px;bottom:17px;height:2px;border-radius:3px;background:#ffffff12;overflow:hidden}
.public-site .home-metrics .metric-track:after{content:"";display:block;width:35%;height:100%;background:linear-gradient(90deg,transparent,var(--metric-accent),transparent);transform:translateX(-110%)}
.public-site .home-metrics.metrics-visible .metric-track:after{animation:metric-signal 5s ease-in-out 3}
.public-site .home-metrics .stat-item:nth-child(2) .metric-track:after{animation-delay:.45s}.public-site .home-metrics .stat-item:nth-child(3) .metric-track:after{animation-delay:.9s}.public-site .home-metrics .stat-item:nth-child(4) .metric-track:after{animation-delay:1.35s}
.public-site .home-metrics.metrics-visible .metric-beacon{fill:var(--metric-accent);stroke:#173d52;animation:metric-beacon 2.5s ease-in-out 5;transform-origin:37px 12px}
.public-site .home-metrics .metric-satellite{fill:var(--metric-accent);stroke:#173d52}
@media(hover:hover){.public-site .home-metrics .stat-item:hover{transform:translateY(-6px);border-color:var(--metric-accent);box-shadow:0 22px 34px #0a254029}}
@keyframes metric-signal{0%,20%{transform:translateX(-110%)}80%,100%{transform:translateX(390%)}}
@keyframes metric-beacon{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}
@media(max-width:950px){.public-site .home-metrics .stats-inner{grid-template-columns:repeat(2,minmax(0,1fr));max-width:740px}.public-site .home-metrics .stat-item{padding:22px 25px 30px}.public-site .home-metrics .stat-num{font-size:40px}}
@media(max-width:480px){.public-site .home-metrics.stats-bar{padding:22px 16px 30px}.public-site .home-metrics .stats-inner{gap:12px}.public-site .home-metrics .stat-item{padding:18px 16px 28px;border-radius:15px}.public-site .home-metrics .metric-symbol{margin-bottom:15px}.public-site .home-metrics .metric-symbol svg{width:32px;height:32px}.public-site .home-metrics .stat-num{font-size:30px;letter-spacing:-1px;gap:4px}.public-site .home-metrics .metric-unit{font-size:16px}.public-site .home-metrics .stat-label{font-size:12px}.public-site .home-metrics .metric-track{inset-inline:16px}}
@media(prefers-reduced-motion:reduce){.public-site .home-metrics *,.public-site .home-metrics *:after{animation:none!important;transition:none!important}.public-site .home-metrics .metric-track:after{transform:none;width:100%;opacity:.5}}
