.wq-ops-orbit-icon { display:grid; place-items:center; width:100%; height:100%; background:#fff; border:1px solid #d4e2df; border-radius:50%; color:#177568; }
.wq-ops-example { min-height:425px; display:flex; flex-direction:column; gap:20px; }
.wq-ops-example > figure { flex:1; display:flex; min-width:0; }
.wq-ops-example .wq-ops-workflow { height:auto; min-height:280px; grid-template-rows:auto auto auto; }
@media(min-width:1280px) {
 .wq-ops-example { min-height:510px; }
 .wq-ops-example .wq-ops-workflow { min-height:352px; }
}
.wq-ops-workflow { width:100%; height:100%; min-height:220px; background:#f0f5f4; padding:20px 24px; color:#193c32; display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:16px; overflow:hidden; }
.wq-ops-visual-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; }
.wq-ops-kicker { display:flex; align-items:center; gap:8px; min-width:0; font-size:15px; font-weight:600; line-height:1.4; }
.wq-ops-kicker svg { width:20px; height:20px; flex:0 0 auto; color:#177568; }
.wq-ops-sample { color:#647b73; font-size:12px; line-height:1.4; text-align:right; }
.wq-ops-workflow svg { flex:0 0 auto; }
.wq-ops-stock-summary { align-self:center; display:grid; gap:14px; width:100%; }
.wq-ops-stock-product, .wq-ops-stock-meta { display:flex; align-items:baseline; justify-content:space-between; gap:12px; font-size:15px; line-height:1.5; }
.wq-ops-stock-product strong { font-size:20px; line-height:1; color:#145f54; white-space:nowrap; }
.wq-ops-stock-bar { height:12px; overflow:hidden; background:#d6e7df; border-radius:999px; }
.wq-ops-stock-bar > span { display:block; width:var(--ops-stock-level, 33.333%); height:100%; background:#177568; border-radius:inherit; transition:width .2s ease, background-color .2s ease; }
.wq-ops-stock-meta { align-items:center; color:#647b73; font-size:13px; }
.wq-ops-stock-meta strong { padding:4px 8px; border-radius:999px; background:#e2f1ea; color:#176955; font-size:13px; font-weight:600; }
.wq-ops-workflow[data-ops-stock-state="low"] .wq-ops-stock-bar > span { background:#b76740; }
.wq-ops-workflow[data-ops-stock-state="low"] .wq-ops-stock-meta strong { background:#fff0e7; color:#a9532e; }
.wq-ops-stock-slider { display:grid; gap:7px; color:#647b73; font-size:13px; line-height:1.4; }
.wq-ops-stock-slider input { width:100%; margin:0; accent-color:#177568; }
.wq-ops-order-review, .wq-ops-field-map, .wq-ops-support-thread { align-self:center; width:100%; }
.wq-ops-order-review { display:grid; gap:18px; }
.wq-ops-order-item { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:14px 0; border-block:1px solid #d4e0e9; }
.wq-ops-order-item > svg { width:24px; height:24px; color:#b76740; }
.wq-ops-order-item span { display:grid; gap:3px; min-width:0; }
.wq-ops-order-item strong { font-size:16px; line-height:1.4; }
.wq-ops-order-item small, .wq-ops-order-role small { color:#647b73; font-size:13px; line-height:1.4; }
.wq-ops-order-item b { padding:4px 8px; border-radius:999px; background:#fff0e7; color:#a9532e; font-size:13px; font-weight:600; white-space:nowrap; }
.wq-ops-order-roles { display:grid; gap:10px; }
.wq-ops-order-role { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:12px; }
.wq-ops-order-role > svg { width:21px; height:21px; color:#177568; }
.wq-ops-order-role span { display:grid; gap:2px; }
.wq-ops-order-role strong { font-size:15px; line-height:1.45; }
.wq-ops-field-map { display:grid; gap:0; }
.wq-ops-field-head, .wq-ops-field-row { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:12px; }
.wq-ops-field-head { padding-bottom:10px; color:#177568; font-size:15px; }
.wq-ops-field-head svg, .wq-ops-field-row svg { width:17px; height:17px; color:#b76740; }
.wq-ops-field-row { padding:11px 0; border-top:1px solid #d4e0d8; font-size:14px; line-height:1.45; }
.wq-ops-field-row span:last-child { text-align:right; }
.wq-ops-field-note { display:flex; align-items:flex-start; gap:8px; margin:0; color:#526b62; font-size:14px; line-height:1.55; }
.wq-ops-field-note svg { width:18px; height:18px; margin-top:2px; color:#177568; }
.wq-ops-support-thread { display:grid; gap:13px; }
.wq-ops-support-message { display:grid; gap:5px; margin:0; padding-left:14px; border-left:3px solid #d7c4b2; }
.wq-ops-support-message small { display:flex; align-items:center; gap:6px; color:#7c6a5e; font-size:12px; line-height:1.4; }
.wq-ops-support-message small svg { width:16px; height:16px; }
.wq-ops-support-message p { margin:0; font-size:15px; line-height:1.5; }
.wq-ops-support-answer { border-left-color:#177568; }
.wq-ops-support-answer small { color:#177568; }
.wq-ops-support-handoff { display:flex; align-items:center; gap:8px; padding-top:12px; border-top:1px solid #e1d6ca; color:#a9532e; font-size:14px; line-height:1.5; }
.wq-ops-support-handoff svg { width:19px; height:19px; }
.wq-ops-workflow-logic { background:#edf1f7; }
.wq-ops-workflow-scale { background:#f1f5ef; }
.wq-ops-workflow-support { background:#f6f1ea; }
.wq-ops-orbit-icon svg { width:28px; height:28px; stroke-width:1.5; }
.orbit-pivot-outer:nth-child(3n) .wq-ops-orbit-icon { color:#b76740; background:#fcf4ed; }
.orbit-pivot-outer:nth-child(3n + 1) .wq-ops-orbit-icon { color:#466ea2; background:#f1f5fb; }
.wq-ops-safety { min-height:550px; padding:32px 24px; border-radius:8px; background:#182a2b; color:#fff; display:flex; flex-direction:column; justify-content:space-between; gap:26px; }
.wq-ops-safety > svg { width:44px; height:44px; color:#a6e6cf; stroke-width:1.5; }
.wq-ops-safety h3 { color:#fff; font-size:24px; line-height:1.45; margin:0; letter-spacing:0; }
.wq-ops-safety ol { list-style:none; margin:0; padding:0; }
.wq-ops-safety li { display:flex; align-items:center; gap:12px; padding:18px 0; border-bottom:1px solid #3b5151; color:#e2edeb; font-size:15px; }
.wq-ops-safety li svg { width:22px; height:22px; flex-shrink:0; color:#a6e6cf; }
.wq-ops-safety small { font-size:12px; line-height:1.6; color:#b6cbc6; }
.wq-ops-recovery { min-height:273px; background:#e1eee9; padding:30px 24px; border-radius:8px; display:flex; flex-direction:column; justify-content:space-between; gap:18px; }
.wq-ops-recovery > div { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#177568; }
.wq-ops-recovery > div > svg { width:30px; height:30px; }
.wq-ops-recovery > div > svg:nth-child(2) { width:20px; height:20px; color:#758d86; }
.wq-ops-recovery h3 { font-size:21px; line-height:1.5; margin:0; letter-spacing:0; }
.wq-ops-recovery p { font-size:14px; line-height:1.7; margin:0; color:#526b62; }
.wq-ops-benefits .wq-ops-flip { cursor:pointer; }
.wq-ops-benefits .wq-ops-flip:focus-visible { outline:2px solid #177568; outline-offset:4px; }
.wq-ops-benefits .wq-ops-flip > div:first-child > div { padding:24px; }
.wq-ops-benefits .wq-ops-flip > div:first-child p { font-size:17px; color:#fff; line-height:1.6; text-align:center; margin:0; }
.wq-ops-benefits .wq-ops-flip[aria-expanded="true"] > div:first-child { transform:translateY(0); }
@media(max-width:600px) {
 .wq-ops-workflow { padding:16px; gap:14px; }
 .wq-ops-kicker { font-size:14px; }
 .wq-ops-sample { font-size:11px; }
 .wq-ops-stock-product strong { font-size:18px; }
 .wq-ops-stock-meta { font-size:12px; }
 .wq-ops-stock-meta strong { font-size:12px; }
 .wq-ops-order-review { gap:14px; }
 .wq-ops-order-item { gap:9px; }
 .wq-ops-order-item strong, .wq-ops-order-role strong { font-size:14px; }
 .wq-ops-order-item small, .wq-ops-order-role small { font-size:12px; }
 .wq-ops-field-head, .wq-ops-field-row { gap:8px; }
 .wq-ops-field-head { font-size:14px; }
 .wq-ops-field-row { padding:9px 0; font-size:14px; }
 .wq-ops-field-note, .wq-ops-support-handoff { font-size:13px; }
 .wq-ops-support-message p { font-size:14px; }
 .wq-ops-safety { min-height:430px; }
 .wq-ops-benefits .wq-ops-flip > div:first-child > div { gap:16px; }
}
@media(prefers-reduced-motion:reduce) {
 .wq-ops-benefits .wq-ops-flip > div { transition:none; }
}
@media(hover:none) {
 .wq-ops-benefits .wq-ops-flip[aria-expanded="false"] > div:first-child { transform:translateY(100%); }
}