.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:safe center;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;grid-auto-rows:1fr;justify-content:center;gap:14px;width:100%;margin:0 auto;display:grid;position:relative}.compliance-chroma .chroma-grid[data-cc-rail][data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:100%;display:grid}.compliance-chroma .chroma-grid[data-cc-rail][data-count="4"]>.chroma-card{max-width:none}@media (max-width:980px){.chroma-grid,.compliance-chroma .chroma-grid[data-cc-rail][data-count="4"]{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;min-height:224px;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:96px;padding:20px 16px 10px;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)}.compliance-chroma .cc-carousel{position:relative}.compliance-chroma .cc-arrow{display:none}@media (max-width:560px){.compliance-chroma .chroma-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:none;grid-auto-rows:auto;gap:12px;padding-bottom:2px;scroll-padding-inline:7vw;overflow-x:auto;flex-wrap:nowrap!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;margin-inline-start:0!important;margin-inline-end:0!important;display:flex!important}.compliance-chroma .chroma-grid::-webkit-scrollbar{display:none}.compliance-chroma .chroma-card{scroll-snap-align:center;min-height:168px;flex:0 0 82%!important;max-width:none!important}.compliance-chroma .chroma-img-wrapper{min-height:68px;padding:14px 14px 6px}.compliance-chroma .chroma-img-wrapper img,.compliance-chroma .chroma-img-wrapper svg{width:42px;height:42px}.compliance-chroma .chroma-info{padding:0 14px 16px}.compliance-chroma .chroma-info .name{margin-bottom:4px;font-size:14px}.compliance-chroma .chroma-info .role{font-size:12.5px;line-height:1.45}.compliance-chroma .cc-arrow{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0c0e14bd;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:opacity .2s,transform .12s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 28px -10px #000c}.compliance-chroma .cc-arrow svg{width:20px;height:20px;display:block}.compliance-chroma .cc-arrow--prev{left:4px}.compliance-chroma .cc-arrow--next{right:4px}.compliance-chroma .cc-arrow:active{transform:translateY(-50%)scale(.9)}.compliance-chroma .cc-arrow:disabled{opacity:0;pointer-events:none}}