.ops-section{padding-top:65px}.ops-section>h2{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(30px,3.4vw,45px);font-weight:550;letter-spacing:-.045em;margin:0 0 16px;line-height:1.15}.ops-intro{max-width:780px;color:#526158;font-size:15px;line-height:1.8;margin-bottom:28px}.ops-figure{margin:0;background:#faf9f4;border:1px solid #cbd3c4;border-radius:9px;padding:26px;overflow:hidden}.ops-figure figcaption{font-size:16px;font-weight:600;letter-spacing:-.025em;line-height:1.5;margin-bottom:8px}.ops-diagram{position:relative;aspect-ratio:1200/900}.ops-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ops-stages{list-style:none;margin:0;padding:0}.ops-stage{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);--ops-fill:#deebf4;--ops-border:#8eaac3;--ops-ink:#2a4c6b}.ops-stage button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center;width:100%;height:100%;border:1px solid var(--ops-border);border-radius:9px;background:var(--ops-fill);color:var(--ops-ink);padding:12px 15px;cursor:pointer;transition:box-shadow .15s,filter .15s;font-family:Inter,sans-serif}.ops-stage button:hover{filter:brightness(.98);box-shadow:0 4px 12px #07110e0c}.ops-stage button[aria-pressed=true]{outline:2px solid var(--ops-ink);outline-offset:3px}.ops-stage button:focus-visible{outline:3px solid #54752b;outline-offset:4px}.ops-number{position:absolute;left:10px;top:8px;font:8px monospace;opacity:.7}.ops-stage strong{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;letter-spacing:-.025em;font-size:clamp(12px,1.4vw,18px);line-height:1.15}.ops-stage button>span:not(.ops-number){font-size:clamp(9px,.95vw,12px);line-height:1.5}.ops-purple{--ops-fill:#e8e0f3;--ops-border:#b4a0ce;--ops-ink:#5d4778}.ops-teal{--ops-fill:#d8eee7;--ops-border:#88bcb0;--ops-ink:#285c52}.ops-amber{--ops-fill:#f5edcf;--ops-border:#cbb570;--ops-ink:#725a20}.ops-green{--ops-fill:#e0efd8;--ops-border:#93b780;--ops-ink:#3f6433}.ops-red{--ops-fill:#f4ddd6;--ops-border:#d29e90;--ops-ink:#8b473a}.ops-pink{--ops-fill:#f0dfea;--ops-border:#c79bb8;--ops-ink:#7c4668}.ops-center{position:absolute;left:35%;top:24%;width:28%;text-align:center;padding:22px 12px;border:1px dashed #adbc9d;border-radius:12px;background:#eff2e5}.ops-center>span{font-size:38px;color:#789256;display:block;line-height:1.2}.ops-center strong{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(13px,1.6vw,21px);font-weight:500;line-height:1.35;display:block;margin-top:8px}.ops-center p{font-size:clamp(10px,1vw,13px);color:#637354;line-height:1.6;margin:12px 0 0}.ops-detail{background:#edf1e5;border:1px solid #cbd5bf;border-radius:7px;padding:22px 24px;margin-top:20px;min-height:155px}.ops-detail-label{font:10px monospace;letter-spacing:.1em;color:#61734f}.ops-detail h3{font-size:19px;letter-spacing:-.025em;margin:12px 0 8px}.ops-detail p{font-size:13px;color:#526158;line-height:1.8;margin:0;max-width:930px}.ops-caption{font:10px/2 monospace;color:#647359;text-align:center;margin:22px 0 0}.ops-mobile-return{display:none}@media(max-width:900px){.ops-figure{padding:20px}.ops-stage button{padding:15px 9px 8px;gap:4px}.ops-number{left:7px;top:5px;font-size:7px}.ops-stage strong{font-size:12px}.ops-stage button>span:not(.ops-number){font-size:9px}.ops-center{padding:13px 8px}.ops-center>span{font-size:25px}.ops-center p{font-size:9px}}@media(max-width:1000px){.ops-section{padding-top:40px}.ops-figure{padding:20px 16px}.ops-figure figcaption{font-size:15px;margin-bottom:22px}.ops-diagram{aspect-ratio:auto;display:flex;flex-direction:column}.ops-connectors{display:none}.ops-stages{display:flex;flex-direction:column;gap:28px}.ops-stage{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:88px}.ops-stage:not(:last-child):after{content:'↓';position:absolute;bottom:-24px;left:calc(50% - 5px);font-size:18px;color:#6b7d5f;line-height:20px}.ops-stage:nth-child(6):after{content:'+';color:#82624c}.ops-stage button{padding:18px 22px;min-height:88px}.ops-stage strong{font-size:17px}.ops-stage button>span:not(.ops-number){font-size:12px}.ops-number{font-size:9px;left:12px;top:10px}.ops-center{position:static;width:auto;margin-top:26px;padding:18px}.ops-center>span{font-size:30px}.ops-center strong{font-size:19px}.ops-center p{font-size:12px}.ops-mobile-return{display:block;font:11px/1.8 monospace;color:#466541;margin:20px 0}.ops-detail{padding:20px 17px;margin-top:0}.ops-caption{text-align:left;font-size:9px}.ops-intro{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ops-stage button{transition:none}}
@media(min-width:1001px) and (max-width:1100px){.ops-stage button{padding:7px 7px;gap:3px}.ops-stage strong{font-size:11px}.ops-stage button>span:not(.ops-number){font-size:8px;line-height:1.35}.ops-number{font-size:6px;left:4px;top:3px}.ops-center{padding:10px 8px}.ops-center p{margin-top:6px}}
/* Animated presentation layer; the native stage labels remain the fallback. */
.ops-figure{background:linear-gradient(135deg,#fffefa,#f3f5ec);border-color:#bdcbb3;box-shadow:0 18px 55px #3045240b;padding:30px}.ops-figure figcaption{font-family:'Bricolage Grotesque',sans-serif;font-size:21px;letter-spacing:-.035em}.ops-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0 17px}.ops-playback{display:flex;gap:8px}.ops-controls button{border:1px solid #c4cfb9;background:#fcfdf8;padding:10px 15px;border-radius:6px;font:11px Inter,sans-serif;color:#3c5331;cursor:pointer}.ops-controls [data-loop-play]{background:#14281b;border-color:#14281b;color:#d6f5b5;min-width:112px}.ops-controls button:hover{box-shadow:0 3px 10px #30452414}.ops-controls button:focus-visible{outline:3px solid #6b942d;outline-offset:3px}.ops-playback-status{font:10px monospace;color:#647354}.ops-progress{height:3px;background:#dce4d2;border-radius:3px;overflow:hidden}.ops-progress>span{display:block;height:100%;background:linear-gradient(90deg,#7b9d56,#b7f343);transition:width .35s ease}.ops-diagram{background-image:radial-gradient(#7383681f .8px,transparent .8px);background-size:19px 19px;margin-top:10px}.ops-stage button{background:linear-gradient(140deg,color-mix(in srgb,var(--ops-fill),white 35%),var(--ops-fill));border-radius:12px;border-color:color-mix(in srgb,var(--ops-border),white 20%);box-shadow:0 4px 0 color-mix(in srgb,var(--ops-border),transparent 70%),0 8px 20px #263c1e08;transition:box-shadow .25s,transform .25s,border-color .25s,filter .25s;padding-inline:25px}.ops-stage button:hover{transform:translateY(-3px);box-shadow:0 6px 0 color-mix(in srgb,var(--ops-border),transparent 65%),0 13px 24px #263c1e13;filter:none}.ops-stage button[aria-pressed=true]{outline:none;border-color:var(--ops-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--ops-border),transparent 65%),0 9px 25px color-mix(in srgb,var(--ops-border),transparent 55%)}.ops-stage button:focus-visible{outline:3px solid #54752b;outline-offset:5px}.ops-stage-icon{position:absolute;right:10px;top:8px;font-style:normal;font-size:15px;opacity:.6}.ops-number{font-size:9px;top:10px;left:11px}.ops-center{border:1px solid #425838;background:radial-gradient(ellipse at top,#2a4328,#13251b 75%);color:#e0efcf;box-shadow:0 18px 40px #152a1c1f;border-radius:20px;padding:26px 18px}.ops-center strong{color:#e5f5d2}.ops-center p{color:#a6bf93;font:10px/1.8 monospace}.ops-center .ops-orbit{--ops-progress:10%;position:relative;width:85px;height:85px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:conic-gradient(#b7f343 var(--ops-progress),#ffffff12 0);font:27px 'Bricolage Grotesque',sans-serif;color:#d4f2a7}.ops-orbit:before{content:'';position:absolute;inset:3px;border-radius:50%;background:#1b3020}.ops-orbit-count{position:relative;z-index:1}.ops-orbit:after{content:'';position:absolute;inset:-9px;border-radius:50%;border:1px dashed #a6c77c65;animation:ops-orbit-spin 22s linear infinite;animation-play-state:paused}.ops-playing .ops-orbit:after{animation-play-state:running}.ops-connectors>g:not(.ops-flow-packets)>path{opacity:.45;transition:opacity .3s,stroke-width .3s}.ops-connectors>g:not(.ops-flow-packets)>path.ops-path-active{opacity:1;stroke-width:3}.ops-flow-packet{stroke-width:4;stroke-linecap:round;stroke-dasharray:2 98;opacity:0;animation:ops-packet-travel 2.1s linear infinite;animation-play-state:paused}.ops-playing .ops-flow-packet.ops-path-active{opacity:1;animation-play-state:running}.ops-detail{position:relative;background:#f8fbf0;border:1px solid #b9cba5;border-left:4px solid #87a95a;box-shadow:0 8px 20px #263c1e06;border-radius:8px;min-height:170px}.ops-detail-label{color:#577336}.ops-enhanced .ops-active .ops-number{opacity:1;color:var(--ops-ink)}@keyframes ops-packet-travel{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes ops-orbit-spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.ops-figure{padding:22px 17px}.ops-figure figcaption{font-size:19px}.ops-stage button{padding-inline:28px}.ops-center{padding:25px 18px}.ops-center .ops-orbit{width:70px;height:70px;font-size:24px}.ops-playback-status{font-size:9px}.ops-controls button{padding:10px 12px}.ops-diagram{background:none}.ops-active:after{color:#42632d!important}.ops-center strong{font-size:21px}.ops-center p{font-size:11px}.ops-stage-icon{right:12px;top:10px}}@media(min-width:1001px) and (max-width:1100px){.ops-stage button{padding:8px 14px}.ops-stage-icon{font-size:10px;top:4px;right:5px}.ops-number{font-size:6px;top:4px;left:5px}.ops-center .ops-orbit{height:54px;width:54px;font-size:20px;margin-bottom:12px}.ops-center{padding:18px 12px}.ops-center p{font-size:9px}}@media(prefers-reduced-motion:reduce){.ops-stage button,.ops-progress>span,.ops-connectors>g>path{transition:none}.ops-stage button:hover{transform:none}.ops-orbit:after,.ops-flow-packet{animation:none!important}.ops-flow-packet{display:none}}
/* Use the central card's forest-green palette throughout the loop. */
.ops-stage{--ops-fill:#172b1d;--ops-border:#486239;--ops-ink:#d8efb5}
.ops-stage button{background:radial-gradient(ellipse at top,#2a4328,#13251b 85%);border-color:#425838;color:#d8efb5;box-shadow:0 4px 0 #172b1d1a,0 10px 24px #152a1c16}
.ops-stage strong{color:#e5f5d2}
.ops-stage button>span:not(.ops-number){color:#a6bf93}
.ops-stage-icon,.ops-number{color:#b6d98d;opacity:.85}
.ops-stage button:hover{background:radial-gradient(ellipse at top,#324e2d,#172c1e 85%);border-color:#799b55;box-shadow:0 5px 0 #172b1d20,0 13px 26px #152a1c20}
.ops-stage button[aria-pressed=true]{border-color:#b7f343;box-shadow:0 0 0 3px #a2ca702d,0 0 24px #93ba5633,0 10px 24px #152a1c1c}
.ops-stage button:focus-visible{outline-color:#8ebd42}
.ops-enhanced .ops-active .ops-number{color:#c8f487}
.ops-connectors>g:not(.ops-flow-packets)>path{stroke:#759b58}
.ops-flow-packet{stroke:#94c94c}
.ops-connectors>text{fill:#4d703b}
/* Distinct stage colors stay subdued until their phase becomes active. */
.ops-stage{--ops-glow:#6daeff;--ops-dark:#172a3c;--ops-light:#283e54;--ops-label:#d3e7ff;--ops-muted:#a0b5cb}
.ops-purple{--ops-glow:#b297ff;--ops-dark:#251e38;--ops-light:#3c3154;--ops-label:#e5d9ff;--ops-muted:#b9acd0}
.ops-teal{--ops-glow:#51d6c1;--ops-dark:#142e2b;--ops-light:#26463e;--ops-label:#bdf7eb;--ops-muted:#96bdb1}
.ops-amber{--ops-glow:#f0c55a;--ops-dark:#302a18;--ops-light:#494025;--ops-label:#ffedb3;--ops-muted:#c4b889}
.ops-green{--ops-glow:#a6e96a;--ops-dark:#1c301c;--ops-light:#344c28;--ops-label:#daf7b9;--ops-muted:#a9bf95}
.ops-red{--ops-glow:#ff8a79;--ops-dark:#35221e;--ops-light:#51322c;--ops-label:#ffdbd0;--ops-muted:#c5a096}
.ops-pink{--ops-glow:#f2a0d5;--ops-dark:#321f2d;--ops-light:#4c3044;--ops-label:#ffdcf1;--ops-muted:#c8a1bb}
.ops-stage button{background:radial-gradient(ellipse at top,var(--ops-light),var(--ops-dark) 85%);border-color:color-mix(in srgb,var(--ops-glow),transparent 63%);color:var(--ops-label);box-shadow:0 4px 0 #172b1d12,0 8px 20px #152a1c12;filter:saturate(.65) brightness(.8);transition:filter .35s,box-shadow .35s,border-color .35s,transform .25s}
.ops-stage strong{color:var(--ops-label)}
.ops-stage button>span:not(.ops-number){color:var(--ops-muted)}
.ops-stage-icon,.ops-stage .ops-number{color:var(--ops-glow)}
.ops-stage button:hover{background:radial-gradient(ellipse at top,var(--ops-light),var(--ops-dark) 85%);border-color:var(--ops-glow);filter:saturate(.95) brightness(1);box-shadow:0 8px 24px color-mix(in srgb,var(--ops-glow),transparent 80%)}
.ops-stage button[aria-pressed=true]{background:radial-gradient(ellipse at top,color-mix(in srgb,var(--ops-light),var(--ops-glow) 28%),var(--ops-dark) 90%);border-color:var(--ops-glow);filter:saturate(1.15) brightness(1.22);box-shadow:0 0 0 3px color-mix(in srgb,var(--ops-glow),transparent 80%),0 0 32px color-mix(in srgb,var(--ops-glow),transparent 50%),0 10px 24px #152a1c20}
.ops-enhanced .ops-active .ops-number{color:var(--ops-glow)}
.ops-stage button:focus-visible{outline-color:var(--ops-glow)}
.ops-connectors>g:not(.ops-flow-packets)>path{stroke:#74866d;opacity:.3}
.ops-connectors>g:not(.ops-flow-packets)>path.ops-path-active{stroke:var(--ops-path-color,#8aaf52);opacity:1;stroke-width:3}
.ops-flow-packet{stroke:var(--ops-path-color,#94c94c)}
.ops-connectors [data-target=production],.ops-connectors [data-target=replay]{--ops-path-color:#5e9ddd}
.ops-connectors [data-target=lens],.ops-connectors [data-target=optimize]{--ops-path-color:#a78ae9}
.ops-connectors [data-target=spec]{--ops-path-color:#36ac9b}
.ops-connectors [data-target=record],.ops-connectors [data-target=validate]{--ops-path-color:#c49a2f}
.ops-connectors [data-target=chaos]{--ops-path-color:#e47765}
.ops-connectors [data-target=evals],.ops-connectors [data-target=deploy]{--ops-path-color:#73ae44}
.ops-connectors [data-target=analyze]{--ops-path-color:#c87eac}
@media(prefers-reduced-motion:reduce){.ops-stage button{transition:none}}