.value{background:#fff;overflow:hidden;padding:6rem 3rem;position:relative}.value:before{background:radial-gradient(circle at 30% 30%,rgba(59,130,246,.03) 0,transparent 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.metrics{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(2rem,5vw,5rem);justify-content:center;padding:0 1rem;position:relative;z-index:1}.metric-card{animation:subtleFloat 8s ease-in-out infinite;cursor:pointer;flex:0 1 auto;min-width:200px;perspective:1000px;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.metric-card:hover{z-index:10}.metric-card:first-child{animation-delay:0s}.metric-card:nth-child(2){animation-delay:2s;transform:scale(1.1)}.metric-card:nth-child(3){animation-delay:4s}.metric-visual{align-items:center;display:flex;height:clamp(160px,20vw,200px);justify-content:center;margin:0 auto 2rem;position:relative;width:clamp(160px,20vw,200px)}.metric-card:nth-child(2) .metric-visual{height:clamp(180px,22vw,220px);width:clamp(180px,22vw,220px)}.metric-card:first-child .metric-visual,.metric-card:nth-child(3) .metric-visual{height:clamp(140px,18vw,180px);width:clamp(140px,18vw,180px)}.metric-glow{animation:rotateGlow 10s linear infinite;background:conic-gradient(from 0deg,rgba(59,130,246,.4) 0deg,rgba(147,51,234,.3) 90deg,rgba(236,72,153,.3) 180deg,rgba(59,130,246,.3) 270deg,rgba(59,130,246,.4) 1turn);filter:blur(60px);inset:-40px;opacity:.2}.metric-glow,.metric-glow:after{border-radius:50%;position:absolute}.metric-glow:after{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,hsla(0,0%,100%,.4) 0,transparent 70%);content:"";inset:10px}.metric-content{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7));border:1px solid hsla(0,0%,100%,.4);border-radius:50%;box-shadow:0 8px 32px rgba(31,38,135,.15),inset 0 0 0 1px hsla(0,0%,100%,.6),inset 0 -20px 40px -20px rgba(59,130,246,.1);display:flex;flex-direction:column;height:100%;justify-content:center;min-width:140px;overflow:hidden;padding:2.5rem 2rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.metric-content:before{animation:glassShine 6s linear infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.5) 50%,transparent 70%);height:200%;left:-50%;top:-50%;width:200%}.metric-content:after,.metric-content:before{content:"";pointer-events:none;position:absolute}.metric-content:after{background:radial-gradient(circle at 30% 20%,hsla(0,0%,100%,.8) 0,transparent 50%);border-radius:50%;inset:0}.metric-card:hover .metric-content{background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(240,249,255,.8));border-color:hsla(0,0%,100%,.6);box-shadow:0 20px 60px rgba(31,38,135,.25),0 15px 40px rgba(59,130,246,.15),inset 0 0 0 1px hsla(0,0%,100%,.9),inset 0 -30px 60px -30px rgba(59,130,246,.2);transform:scale(1.1) translateY(-12px) rotateY(5deg) rotateX(-5deg)}.metric-value{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:0;position:relative;white-space:nowrap;word-break:keep-all}.metric-card:nth-child(2) .metric-value,.metric-value{background:linear-gradient(135deg,#1e3a8a,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-card:nth-child(2) .metric-value{font-size:clamp(3rem,5vw,4.5rem)}.metric-label{color:#1e293b;font-size:.875rem;font-weight:600;letter-spacing:.08em;margin-bottom:1rem;margin-top:1.5rem;opacity:.9;text-transform:uppercase}.metric-desc{color:#475569;font-size:.875rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:220px;opacity:.85}