.page-platforms-compliance{--compliance-ink:#050f1d;--compliance-mint:#82e5c1}
.editorial-compliance{background:radial-gradient(ellipse at 15% 0,#0d68552b,transparent 40%),var(--compliance-ink)}
.editorial-compliance .platform-editorial-heading{padding-bottom:35px}
.compliance-showcase{width:100vw;margin-inline:calc(50% - 50vw);background:var(--compliance-ink);isolation:isolate}
.compliance-track{position:relative;display:grid;overflow:clip;isolation:isolate}
.compliance-stage{grid-area:1/1;position:sticky;top:90px;height:calc(100svh - 90px);min-height:580px;align-self:start;overflow:hidden;pointer-events:none}
.compliance-canvas-wrap{position:absolute;inset:0 36% 0 -3%}
.compliance-canvas-wrap::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(270deg,#050f1d,transparent 20%),linear-gradient(0deg,#050f1d,transparent 24%,transparent 90%,#050f1d)}
.compliance-canvas-wrap canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .6s}
.compliance-ready canvas{opacity:1}
.compliance-instrument{position:absolute;top:30px;inset-inline-start:5%;display:grid;gap:12px;z-index:3}
.compliance-instrument>span:first-child{font-size:10px;letter-spacing:.16em;color:#b3ead6}.compliance-instrument>span:last-child{font-size:8px;letter-spacing:.14em;color:#6caa97}
.compliance-pause{position:absolute;top:26px;inset-inline-start:55%;z-index:4;pointer-events:auto;font:inherit;font-size:9px;color:#b1c9be;background:#102e30;border:1px solid #94c3ac40;border-radius:25px;padding:9px 14px;cursor:pointer}.compliance-pause[hidden]{display:none}
.compliance-legend{position:absolute;bottom:94px;left:5%;right:39%;z-index:3;display:flex;align-items:center;gap:24px;font-size:8px;color:#a4bcaf}.compliance-legend span{display:flex;gap:8px;align-items:center}.compliance-legend i{width:5px;height:5px;background:#8be4b5;border-radius:50%;box-shadow:0 0 8px #80e8b955}.compliance-legend span:nth-child(2) i{background:#e7b077}.compliance-legend span:last-child{margin-inline-start:auto;font-size:6px;letter-spacing:.08em;max-width:105px;line-height:1.8;text-align:end;color:#7c9e92}
.compliance-story-nav{position:absolute;bottom:30px;left:5%;right:39%;z-index:4;pointer-events:auto;display:flex;gap:22px;border-top:1px solid #72998755}.compliance-story-nav a{display:flex;gap:12px;flex:1;padding-top:19px;border-top:1px solid transparent;color:#6f9f8e;font-size:8px;letter-spacing:.08em}.compliance-story-nav span{color:#a0cdb9}.compliance-story-nav a[aria-current]{color:#c6fce4;border-color:#93e7b8}
.compliance-story-copy{grid-area:1/1;position:relative;z-index:3;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end}
.compliance-chapter{width:34%;min-height:94svh;padding:100px 0;display:flex;align-items:center}.compliance-chapter>div{pointer-events:auto;scroll-margin-top:170px}
.compliance-chapter-number{font-size:9px;letter-spacing:.16em;color:#90d9b7;margin:0 0 27px}.compliance-chapter h2{font-size:clamp(32px,2.8vw,43px);line-height:1.17;font-weight:500;letter-spacing:-.04em;color:#f2faf4;margin:0 0 25px}.compliance-chapter h2+p{font-size:15px;line-height:1.95;color:#a5bfb9;margin:0 0 26px}
.compliance-feature{display:flex;gap:17px;padding:22px 0;border-block:1px solid #8bb4a12b;margin:25px 0}.compliance-feature>span{font-size:25px;line-height:1;color:#8ce7bc}.compliance-feature strong{font-size:8px;font-weight:500;letter-spacing:.1em;color:#a1ddbd;display:block}.compliance-feature p{font-size:12px;line-height:1.8;color:#91b2a6;margin:9px 0 0}
.compliance-product-link{display:inline-flex;gap:25px;font-size:11px;color:#b8efcd;margin-top:12px}
.compliance-lenses{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.compliance-lenses button{font:inherit;font-size:10px;padding:11px 13px;background:#102d2f;color:#92b6a9;border:1px solid #76a58d40;border-radius:3px;cursor:pointer}.compliance-lenses button[aria-pressed=true]{border-color:#91dbaf;background:#174637;color:#ddffe6}.compliance-lenses button:disabled{opacity:.4;cursor:default}.compliance-insight{font-size:12px;line-height:1.8;color:#b0d3bb;min-height:63px;margin:18px 0 6px}
.compliance-showcase a:focus-visible,.compliance-showcase button:focus-visible{outline:2px solid #b5ffd0;outline-offset:4px}
.compliance-handoff{position:relative;display:grid;grid-template-columns:40px 1fr 1fr;gap:35px;align-items:center;border-block:1px solid #8cb39d33;padding-block:48px;background:#050f1d}.compliance-handoff>span{font-size:36px;color:#a5dfb6}.compliance-handoff div>p{font-size:8px;letter-spacing:.14em;color:#86cc9f;margin:0 0 20px}.compliance-handoff h2{font-size:30px;font-weight:500;line-height:1.3;letter-spacing:-.035em;margin:0}.compliance-handoff>p{font-size:14px;line-height:1.9;color:#9dbdb0;max-width:420px;margin:0}
.page-platforms-compliance .decision-brief{background:linear-gradient(#050f1d,#09202b)}
[dir=rtl] .compliance-canvas-wrap{inset:0 -3% 0 36%}[dir=rtl] .compliance-canvas-wrap::after{background:linear-gradient(90deg,#050f1d,transparent 20%),linear-gradient(0deg,#050f1d,transparent 24%,transparent 90%,#050f1d)}[dir=rtl] .compliance-legend,[dir=rtl] .compliance-story-nav{left:39%;right:5%}[dir=rtl] .compliance-chapter h2,[dir=rtl] .compliance-handoff h2{letter-spacing:0;line-height:1.45}[dir=rtl] .compliance-feature strong,[dir=rtl] .compliance-chapter-number{letter-spacing:0}
@media(max-width:1100px){.compliance-chapter{width:37%}.compliance-chapter h2{font-size:33px}.compliance-pause{inset-inline-start:51%}.compliance-story-nav,.compliance-legend{right:42%}[dir=rtl] .compliance-story-nav,[dir=rtl] .compliance-legend{left:42%;right:5%}}
@media(max-width:800px){
 .compliance-track{display:block}.compliance-stage{top:78px;height:40svh;min-height:290px;z-index:4;background:#050f1d;box-shadow:0 18px 30px #050f1d}.compliance-canvas-wrap,[dir=rtl] .compliance-canvas-wrap{inset:-10px -8% -5px}.compliance-canvas-wrap::after,[dir=rtl] .compliance-canvas-wrap::after{background:linear-gradient(0deg,#050f1d,transparent 23%,transparent 90%,#050f1d)}
 .compliance-instrument{top:10px;inset-inline-start:6%;gap:6px}.compliance-instrument>span:first-child{font-size:7px}.compliance-instrument>span:last-child{font-size:6px}.compliance-pause{top:10px;inset-inline-start:auto;inset-inline-end:6%;font-size:7px;padding:7px 10px}
 .compliance-legend,[dir=rtl] .compliance-legend{left:6%;right:6%;bottom:52px;font-size:6px;gap:12px}.compliance-legend span:last-child{font-size:5px;max-width:80px}.compliance-story-nav,[dir=rtl] .compliance-story-nav{left:6%;right:6%;bottom:9px;gap:12px}.compliance-story-nav a{font-size:6px;letter-spacing:0;gap:6px;min-height:33px;padding-top:12px}
 .compliance-chapter{width:100%;min-height:0;padding:50px 0 65px}.compliance-chapter>div{scroll-margin-top:calc(40svh + 15px)}.compliance-chapter h2{font-size:33px}.compliance-chapter h2+p{font-size:14px}.compliance-chapter-number{font-size:8px;margin-bottom:20px}.compliance-lenses button{min-height:44px}.compliance-insight{min-height:0}
 .compliance-handoff{grid-template-columns:25px 1fr;gap:20px;padding-block:35px}.compliance-handoff>p{grid-column:2}.compliance-handoff h2{font-size:27px}.compliance-handoff>span{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.compliance-canvas-wrap canvas{transition:none}}
@media(max-width:800px){
 .compliance-story-nav a{min-height:44px;font-size:8px;align-items:center;padding-top:5px;line-height:1.5}
 .compliance-legend,[dir=rtl] .compliance-legend{bottom:64px}
}

/* Keep scene annotations legible without enlarging the surrounding overlays. */
@media(min-width:801px){.compliance-story-nav a{font-size:10px;letter-spacing:.02em;gap:8px;line-height:1.6}.compliance-legend{font-size:10px;gap:18px}.compliance-legend span:last-child{font-size:9px;max-width:145px}.compliance-instrument>span:last-child{font-size:10px;letter-spacing:.08em}}
