.di-industry-page .animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.di-industry-page .animate-on-scroll.visible{opacity:1;transform:translateY(0)}.di-industry-page .hero-icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.di-industry-page .hero-icon-item{text-align:center;padding:20px 12px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:all .3s ease;cursor:default}.di-industry-page .hero-icon-item:hover{transform:translateY(-6px);background:rgba(140,82,255,.15);border-color:rgba(140,82,255,.3)}.di-industry-page .hero-icon-item .icon-circle{width:52px;height:52px;border-radius:14px;background:var(--gradient-main);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;transition:transform .3s ease}.di-industry-page .hero-icon-item:hover .icon-circle{transform:scale(1.1)}.di-industry-page .hero-icon-item span{font-size:13px;font-weight:600;color:rgba(255,255,255,.9)}.di-industry-page .hero-icon-item span{font-size:13px;font-weight:600;color:rgba(255,255,255,.9)}@media (max-width:768px){.di-industry-page .hero-icon-grid{grid-template-columns:repeat(2,1fr);gap:12px}.di-industry-page .hero-icon-item{padding:16px 10px}.di-industry-page .hero-icon-item .icon-circle{width:44px;height:44px}.di-industry-page .hero-icon-item span{font-size:12px}}@media (max-width:480px){.di-industry-page .hero-icon-grid{gap:10px}.di-industry-page .hero-icon-item{padding:14px 8px}}