.hero .hero-visual.commodities-hero-visual{aspect-ratio:500/420;background:transparent!important;border:none!important;display:block!important;flex:none!important;max-width:500px!important;min-height:auto!important;overflow:hidden!important;position:relative!important;width:100%!important}.hero .commodities-hero-visual svg.commodities-chart{display:block!important;height:100%!important;left:0!important;opacity:1!important;pointer-events:none;position:absolute!important;top:0!important;visibility:visible!important;width:100%!important;z-index:1!important}.commodity-label{align-items:center;animation:floatCommodity 6s ease-in-out infinite;backdrop-filter:blur(12px);background:linear-gradient(135deg,rgba(16,24,32,.95),rgba(10,16,22,.98));border:1px solid rgba(0,212,170,.3);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 15px rgba(0,212,170,.1);color:#00d4aa;display:flex;font-size:.85rem;font-weight:700;gap:10px;padding:10px 14px;position:absolute;white-space:nowrap;z-index:10}.commodity-label .commodity-icon{align-items:center;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.commodity-label .commodity-icon svg{height:100%;width:100%}.commodity-label.gold{border-color:rgba(255,215,0,.4);box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 15px rgba(255,215,0,.15)}.commodity-label.gold .commodity-icon svg{fill:gold}.commodity-label.silver{border-color:hsla(0,0%,75%,.4);box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 15px hsla(0,0%,75%,.15)}.commodity-label.silver .commodity-icon svg{fill:silver}.commodity-label.oil{border-color:rgba(139,90,43,.5);box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 15px rgba(139,90,43,.2)}.commodity-label.oil .commodity-icon svg{fill:sienna}.commodity-label.gas{border-color:rgba(100,149,237,.4);box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 15px rgba(100,149,237,.15)}.commodity-label.gas .commodity-icon svg{fill:#6495ed}.commodity-label.copper{border-color:rgba(184,115,51,.4);box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 15px rgba(184,115,51,.15)}.commodity-label.copper .commodity-icon svg{fill:#b87333}.commodity-label.platinum{border-color:hsla(40,5%,89%,.4);box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 15px hsla(40,5%,89%,.1)}.commodity-label.platinum .commodity-icon svg{fill:#e5e4e2}.commodity-label .commodity-info{display:flex;flex-direction:column;gap:2px}.commodity-label .ticker{color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.5px}.commodity-label .change{color:#00d4aa;font-size:.7rem}.commodity-label.gold{right:8%;top:5%;--delay:0s}.commodity-label.silver{left:0;top:25%;--delay:-1.2s}.commodity-label.oil{bottom:35%;right:0;--delay:-2.4s}.commodity-label.gas{bottom:8%;left:15%;--delay:-0.8s}.commodity-label.copper{left:8%;top:50%;--delay:-2s;font-size:.8rem}.commodity-label.platinum{left:18%;top:8%;--delay:-1.6s;font-size:.8rem}@keyframes floatCommodity{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.commodity-label{animation-delay:var(--delay,0s);transition:border-color .3s ease,box-shadow .3s ease}@keyframes drawCommodityLine{0%{stroke-dashoffset:800}to{stroke-dashoffset:0}}@media (max-width:1200px){.commodities-hero-visual{max-width:420px!important}.commodity-label.copper,.commodity-label.platinum{display:none}}@media (max-width:968px){.commodities-mobile-visual .commodity-line{animation:drawCommodityLine 1.5s ease-out forwards;stroke-dasharray:800;stroke-dashoffset:800}.commodities-mobile-visual .commodity-line-secondary{animation:drawCommodityLine 1.5s ease-out .3s forwards;stroke-dasharray:800;stroke-dashoffset:800}.commodities-mobile-visual .commodity-area{animation:fadeInArea 1s ease-out .5s forwards;opacity:0}.commodities-mobile-visual .pulse-point{animation:pulsePoint 2s ease-in-out infinite}}