.data-grid-hero{background:linear-gradient(145deg,#fafaf8 0%,#fdf8e8 40%,#f5edc8 60%,#fafaf8 100%);border-radius:2rem;width:100%;min-height:600px;position:relative;overflow:hidden}.data-grid-hero .hex-container{padding:12px;animation:1.4s cubic-bezier(.16,1,.3,1) both hex-grid-in;position:absolute;inset:0}@keyframes hex-grid-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.data-grid-hero .hex-cell{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:.2;background:linear-gradient(135deg,#d2be6426,#ac983c40);animation:6s ease-in-out infinite alternate hex-pulse;position:absolute}@keyframes hex-pulse{0%{opacity:.08;background:linear-gradient(135deg,#d2be6414,#ac983c1f)}50%{opacity:.5;background:linear-gradient(135deg,#eee09c59,#c0ac3c80)}to{opacity:.15;background:linear-gradient(135deg,#d2be641a,#ac983c2e)}}.data-grid-hero .hex-container:after{content:"";background:radial-gradient(350px circle at var(--mouse-x,50%) var(--mouse-y,50%), #c0ac3c33, #ac983c14 40%, transparent 70%);pointer-events:none;z-index:1;position:absolute;inset:0}.data-grid-hero .hero-overlay{pointer-events:none;z-index:2;background:radial-gradient(at 30% 60%,#eee09c26 0%,#0000 60%),radial-gradient(at 70% 30%,#fff5c81f 0%,#0000 50%);position:absolute;inset:0}.data-grid-hero .hero-content{z-index:10;flex-direction:column;justify-content:flex-end;min-height:600px;padding:3rem 0;display:flex;position:relative}@media (min-width:768px){.data-grid-hero{min-height:700px}.data-grid-hero .hero-content{min-height:700px;padding:6rem 0}}@media (prefers-reduced-motion:reduce){.data-grid-hero .hex-container{animation:none}.data-grid-hero .hex-cell{opacity:.18;animation:none}}