.compliance-section{background:#0b0c10;color:#f4f4f7;padding:128px 64px;min-height:740px;font:450 16px/21px var(--font-family)}.compliance-layout{max-width:1312px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,686px) 582px;gap:44px;align-items:start}.compliance-copy{display:flex;flex-direction:column;gap:32px}.compliance-copy h2{display:flex;flex-direction:column;gap:4px;font-size:48px;line-height:46px;letter-spacing:-.02em;font-weight:450;margin:0}.compliance-copy h2>span{display:flex;gap:16px;align-items:center}.compliance-copy h2 svg{flex-shrink:0}.compliance-intro{color:#a9adb8;margin:0 0 0 50px;max-width:420px;letter-spacing:-.02em}.compliance-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-left:50px}.compliance-details article{display:flex;gap:12px;align-items:start}.compliance-number{flex:0 0 20px;color:var(--umbra-blue-3);font-size:12px;line-height:21px}.compliance-details h3{font-weight:450;font-size:16px;line-height:21px;margin:0 0 4px}.compliance-details p{margin:0;color:#a9adb8;font-size:16px;line-height:21px}.compliance-illustration{width:582px;height:586px;padding:40px;border-radius:24px;background:#15171d;border:1px solid #ffffff14;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}.compliance-visual-heading{display:flex;align-items:center;justify-content:space-between;line-height:24px}.compliance-visual-heading small{font-size:12px;line-height:20px;color:#818898}.compliance-shield-panel{background:#0b0c10;border:1px solid #ffffff14;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:16px}.compliance-shield-panel p{font-size:28px;line-height:32px;margin:0;font-weight:450}.compliance-shield-panel>span{color:#a9adb8;font-size:16px;line-height:24px}.compliance-visual-row{padding:12px 0;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;font-size:16px;line-height:24px}.compliance-visual-row>span:first-child{color:#a9adb8}
.compliance-shield-panel p{color:#f4f4f7}

/* Compliance introduces Nimbus on a light surface. */
.compliance-section{background:#fff;color:#171723}
.compliance-intro,.compliance-details p{color:#636a73}
.compliance-visual-heading small{color:#818898}
.compliance-illustration{background:#f7f7f8;border-color:#0000000d}
.compliance-shield-panel{background:#fff;border-color:#0000000d}
.compliance-shield-panel p{color:#171723}
.compliance-shield-panel>span,.compliance-visual-row>span:first-child{color:#636a73}
.compliance-shield-panel svg path{stroke:#636a73}
.compliance-visual-row{border-bottom-color:#00000014}
/* Match the shared 1400px content guides. */
.compliance-layout{max-width:1400px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.compliance-illustration{width:100%}
.compliance-intro{max-width:none;margin-right:0}

.compliance-layout{display:block}.compliance-copy{width:100%}.compliance-details{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Retain the two-column composition after removing only the illustration. */
.compliance-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.compliance-copy{grid-column:1;width:auto}
.compliance-details{grid-template-columns:repeat(2,minmax(0,1fr))}

.compliance-copy{grid-column:2}

/* Umbra blue carries through the main titles and their dotted checks. */
.compliance-copy h2{color:#0100ff}

/* Shared dot geometry, separate quiet artwork lane beside compliance copy. */
.compliance-artwork{grid-column:1;grid-row:1;position:relative;width:100%;height:586px;align-self:center;overflow:hidden;pointer-events:none}
.compliance-artwork canvas,.compliance-artwork-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.compliance-artwork canvas{opacity:0}
.compliance-artwork.is-ready canvas{opacity:1}
.compliance-artwork.is-ready .compliance-artwork-poster{visibility:hidden}
.compliance-copy{grid-row:1}