.chroma-grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem 1rem;box-sizing:border-box;--x:50%;--y:50%;--r:300px}@media (max-width:1024px){.chroma-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:1.5rem 1rem}}@media (max-width:640px){.chroma-grid{grid-template-columns:1fr;gap:1rem;padding:1rem .75rem;height:auto}}.chroma-card{position:relative;display:flex;flex-direction:column;gap:1.5rem;border-radius:24px;padding:1.5rem;overflow:hidden;border:1px solid #e5e7eb;background:var(--card-gradient);transition:all .3s cubic-bezier(.16,1,.3,1);--mouse-x:50%;--mouse-y:50%;--spotlight-color:rgba(30,64,175,0.15);transform:translateY(0) scale(1);will-change:transform,box-shadow}@keyframes cardFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chroma-card{animation:cardFadeInUp .6s ease-out forwards;animation-fill-mode:both}.chroma-card:first-child{animation-delay:.1s}.chroma-card:nth-child(2){animation-delay:.15s}.chroma-card:nth-child(3){animation-delay:.2s}.chroma-card:nth-child(4){animation-delay:.25s}.chroma-card:nth-child(5){animation-delay:.3s}.chroma-card:nth-child(6){animation-delay:.35s}.chroma-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px rgba(30,64,175,.12),0 4px 12px rgba(30,64,175,.06)}.chroma-card:after{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:linear-gradient(135deg,rgba(30,64,175,.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:1}.chroma-card:hover:after{opacity:1}.chroma-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:2;border-radius:24px}.chroma-card:hover:before{opacity:1}.chroma-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem}.chroma-stat{display:flex;align-items:baseline;gap:.75rem}.stat-value{font-size:2.5rem;font-weight:700;color:#1e40af;line-height:1;letter-spacing:-.02em;transition:transform .3s cubic-bezier(.16,1,.3,1)}.chroma-card:hover .stat-value{transform:scale(1.05)}.stat-unit{font-size:.75rem;font-weight:600;color:rgba(30,64,175,.6);text-transform:uppercase;letter-spacing:.1em}.chroma-text{display:flex;flex-direction:column;gap:.75rem}.chroma-text .title{font-size:1.125rem;font-weight:700;color:#111827;margin:0;line-height:1.4}.chroma-text .description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.6;word-break:break-word}@media (max-width:640px){.stat-value{font-size:2rem}.stat-unit{font-size:.7rem}.chroma-text .title{font-size:1rem}.chroma-text .description{font-size:.8125rem;color:#4b5563}}.chroma-overlay{z-index:3;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0,transparent 15%,rgba(0,0,0,.05) 30%,rgba(0,0,0,.1) 45%,rgba(0,0,0,.15) 60%,rgba(0,0,0,.2) 75%,rgba(0,0,0,.25) 88%,rgba(0,0,0,.3) 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0,transparent 15%,rgba(0,0,0,.05) 30%,rgba(0,0,0,.1) 45%,rgba(0,0,0,.15) 60%,rgba(0,0,0,.2) 75%,rgba(0,0,0,.25) 88%,rgba(0,0,0,.3) 100%)}.chroma-fade,.chroma-overlay{position:absolute;inset:0;pointer-events:none;backdrop-filter:grayscale(.5) brightness(1.05);-webkit-backdrop-filter:grayscale(.5) brightness(1.05);background:rgba(255,255,255,.001)}.chroma-fade{z-index:4;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0,transparent 15%,rgba(255,255,255,.05) 30%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.15) 60%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.25) 88%,white 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0,transparent 15%,rgba(255,255,255,.05) 30%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.15) 60%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.25) 88%,white 100%);opacity:1;transition:opacity .25s ease}