.compliance-chroma{color:#fff;background:#060708;padding:96px 0}.compliance-chroma .container{max-width:1200px;margin:0 auto;padding:0 24px}.compliance-chroma .cc-head{text-align:center;margin-bottom:40px}.compliance-chroma .cc-head h2{margin:0 0 14px;font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.1}.compliance-chroma .cc-head p{color:#ffffff9e;max-width:760px;margin:0 auto;font-size:16px;line-height:1.6}.compliance-chroma .cc-tabs-wrap{justify-content:center;margin-bottom:36px;display:flex}.compliance-chroma .cc-tabs{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;gap:4px;padding:5px;display:inline-flex}.compliance-chroma .cc-tab{-webkit-appearance:none;appearance:none;cursor:pointer;color:#fff9;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600;transition:background .18s,color .18s}.compliance-chroma .cc-tab:hover{color:#fff}.compliance-chroma .cc-tab.is-active{color:#0a0a0a;background:#fff}.compliance-chroma .cc-panel[hidden]{display:none}@media (max-width:700px){.compliance-chroma{padding:64px 0}.compliance-chroma .cc-head{margin-bottom:28px}.compliance-chroma .cc-tabs-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;margin-bottom:28px;overflow-x:auto}.compliance-chroma .cc-tabs-wrap::-webkit-scrollbar{display:none}.compliance-chroma .cc-tabs{flex-wrap:nowrap;max-width:none}.compliance-chroma .cc-tab{padding:8px 14px}}.chroma-grid{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));box-sizing:border-box;--x:50%;--y:50%;--r:280px;justify-content:center;gap:14px;width:100%;margin:0 auto;display:grid;position:relative}@media (max-width:980px){.chroma-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.chroma-grid{grid-template-columns:1fr}}.chroma-card{background:var(--card-gradient,#111);--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff4d;border:1px solid #2a2d35;border-radius:18px;flex-direction:column;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.chroma-card:hover{border-color:var(--card-border,#fff)}.chroma-card:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 70%);pointer-events:none;opacity:0;z-index:2;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{z-index:1;box-sizing:border-box;color:#fff;justify-content:center;align-items:center;min-height:132px;padding:16px;font-size:52px;line-height:1;display:flex;position:relative}.chroma-img-wrapper img,.chroma-img-wrapper svg{object-fit:contain;width:56px;height:56px}.chroma-img-wrapper img{filter:brightness(0)invert();opacity:.9}.chroma-info{z-index:1;color:#fff;padding:0 18px 20px;position:relative}.chroma-info .name{letter-spacing:.02em;text-transform:uppercase;margin:0 0 6px;font-size:15px;font-weight:700}.chroma-info .role{color:#ffffffb8;margin:0;font-size:13px;line-height:1.5}.chroma-overlay,.chroma-fade{display:none}.page-ai-agent .chroma-card{filter:grayscale();transition:border-color .3s,filter .45s}.page-ai-agent .chroma-card:hover{filter:grayscale(0)}