.hexagon-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l25.98 15v30L30 60 4.02 45V15z' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.1'/%3E%3C/svg%3E");background-size:60px 60px}.pillar-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.pillar-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000026}@keyframes growWidth{0%{width:0}to{width:var(--target-width)}}.bar-animate{animation:growWidth 1.5s ease-out forwards}.timeline-current{background:linear-gradient(135deg,#1e3b8a0d,#1e3b8a1a);border-radius:1rem;padding:1.5rem;margin:-1.5rem}.image-overlay{background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%)}.text-gradient{background:linear-gradient(135deg,#f59e0b,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.metric-value{display:inline-block;min-width:80px}@media(max-width:768px){.pillar-card:hover{transform:none}.hexagon-pattern{background-size:40px 40px}}@media(prefers-color-scheme:dark){.hexagon-pattern{opacity:.03}}