.ms-loop-section{border-bottom:1px solid var(--line);background:var(--bg);scroll-margin-top:80px}.ms-loop-intro{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:40px}.ms-loop-intro h2{margin:0}.ms-loop-intro h2 span{color:var(--teal)}.ms-loop-intro>p{max-width:43ch;margin:0 0 4px}.ms-loop-demo{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}.ms-loop-toolbar{padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);min-height:102px}.ms-loop-state-label{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:.875rem}.ms-loop-dot{width:7px;height:7px;background:var(--muted2);border-radius:50%;flex:none}.ms-loop-demo[data-running="true"] .ms-loop-dot{background:var(--teal)}.ms-loop-control{min-width:190px;white-space:nowrap;flex:none}.ms-loop-window{padding:34px 0;overflow:hidden;background:var(--bg)}.ms-loop-track{display:block}.ms-brand-group{list-style:none;padding:0 30px;margin:0;display:flex;gap:30px 56px;flex-wrap:wrap;align-items:center;justify-content:center}.ms-brand-group li{font-size:clamp(1.4rem,2.3vw,2rem);font-weight:650;letter-spacing:-.045em;color:var(--ink);line-height:1.5;white-space:nowrap}.ms-loop-demo[data-enhanced="true"]:not([data-static="true"]) .ms-loop-window{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.ms-loop-demo[data-enhanced="true"]:not([data-static="true"]) .ms-loop-track{display:flex;width:max-content}.ms-loop-demo[data-enhanced="true"]:not([data-static="true"]) .ms-brand-group{flex-wrap:nowrap;flex-shrink:0;justify-content:flex-start;padding:0 56px 0 0;gap:56px}.ms-loop-demo[data-static="true"] [data-loop-clone]{display:none}.ms-loop-footnote{display:flex;align-items:start;justify-content:space-between;gap:24px;padding:16px 30px;border-top:1px solid var(--line)}.ms-loop-footnote p,.ms-loop-footnote summary{font-size:.8125rem;color:var(--muted);margin:0}.ms-loop-footnote summary{cursor:pointer;white-space:nowrap;color:var(--ink);text-underline-offset:4px;text-decoration:underline}.ms-loop-footnote details p{max-width:300px;margin-top:10px}.ms-loop-outcome{padding:34px 30px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;border-top:1px solid var(--line);align-items:center}.ms-loop-outcome h3{font-size:1.7rem;min-height:1.12em}.ms-loop-outcome .ms-eyebrow{font-size:.75rem;margin-bottom:12px}.ms-loop-outcome p{font-size:.9375rem;margin:0;max-width:48ch}.ms-loop-live-metric{border-left:1px solid var(--line);padding-left:35px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 20px}.ms-loop-live-metric strong{font:600 2.8rem/1.1 var(--sans);color:var(--teal);grid-row:1/3;grid-column:2}.ms-loop-live-metric meter{width:100%;height:8px;appearance:none;border:none;background:var(--line);border-radius:4px}.ms-loop-live-metric meter::-webkit-meter-bar{background:var(--line);border:0;border-radius:4px;height:8px}.ms-loop-live-metric meter::-webkit-meter-optimum-value{background:var(--teal);border-radius:4px}.ms-loop-live-metric meter::-moz-meter-bar{background:var(--teal)}.ms-loop-live-metric [data-loop-work]{grid-column:1/-1;font-size:.8125rem}.ms-loop-cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:26px}.ms-performance{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:70px}.ms-performance h3{font-size:1.6rem;line-height:1.25;max-width:24ch}.ms-performance-copy>p:not(.ms-small){max-width:50ch}.ms-performance-copy .ms-small{margin-top:14px;min-height:3em}.ms-performance-results{padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.ms-timing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ms-timing-grid>div{padding-bottom:16px;border-bottom:1px solid var(--line)}.ms-timing-grid span{display:block;font-size:.875rem;color:var(--muted);margin-bottom:8px}.ms-timing-grid strong{font:600 2.4rem/1.3 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.05em;white-space:nowrap}.ms-timing-grid strong small{font-size:.875rem;color:var(--muted);letter-spacing:0;margin-left:7px;font-weight:400}.ms-performance-results>p.ms-small{margin:12px 0 20px}.ms-performance-verdict{font-size:.9375rem;color:var(--ink);min-height:3.3em;margin-bottom:15px}.ms-measure-method summary{font-size:.8125rem;color:var(--muted);cursor:pointer}.ms-measure-method p{font-size:.875rem;margin-top:12px;margin-bottom:0}.ms-search-note{font-size:.875rem;max-width:90ch;margin:28px 0 0;color:var(--muted)}.ms-performance-results[data-result="lower"] [data-paused-time]{color:var(--teal)}.ms-performance-results[data-result="same"] [data-paused-time]{color:var(--ink)}.ms-performance-results[data-result="higher"] [data-paused-time]{color:var(--ink)}.ms-nav .ms-btn.ms-glass,.ms-legacy .ms-header .ms-nav .ms-btn.ms-glass{color:var(--ink)}
@media(max-width:800px){.ms-loop-intro{display:block}.ms-loop-intro>p{margin-top:24px}.ms-performance{gap:28px;padding-top:45px}.ms-loop-toolbar{padding:20px}.ms-loop-outcome{padding:28px 22px;gap:26px}.ms-loop-footnote{padding:16px 22px}.ms-loop-live-metric{padding-left:24px}.ms-loop-control{min-width:174px}}
@media(max-width:560px){.ms-loop-intro{margin-bottom:28px}.ms-loop-toolbar{align-items:stretch;flex-direction:column;gap:16px}.ms-loop-control{width:100%}.ms-loop-state-label{min-height:40px;font-size:.8125rem}.ms-loop-window{padding:26px 0}.ms-loop-footnote{flex-direction:column;gap:12px}.ms-loop-outcome{grid-template-columns:1fr;padding:24px 20px}.ms-loop-outcome h3{font-size:1.4rem;min-height:2.25em}.ms-loop-live-metric{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.ms-loop-cta{gap:20px}.ms-loop-cta .ms-btn{width:100%}.ms-performance{grid-template-columns:1fr}.ms-performance-results{padding:22px}.ms-performance-verdict{min-height:0}.ms-timing-grid strong{font-size:2.2rem}.ms-search-note{font-size:.8125rem}.ms-brand-group{gap:20px 28px}.ms-loop-demo[data-enhanced="true"]:not([data-static="true"]) .ms-brand-group{gap:38px;padding-right:38px}}
@media(forced-colors:active){.ms-loop-dot{background:CanvasText}.ms-loop-window{mask-image:none!important}.ms-loop-demo{border:1px solid CanvasText}.ms-loop-live-metric meter{appearance:auto}}
.ms-loop-controls{display:flex;gap:12px;align-items:center;flex-shrink:0}.ms-loop-controls [data-loop-compare]{font-size:.8125rem;min-height:48px;padding:12px 15px}.ms-loop-outcome .ms-inline-result{font-size:.8125rem;color:var(--muted);margin-top:13px;min-height:2.7em}
@media(max-width:1050px){.ms-loop-toolbar{align-items:flex-start;flex-direction:column;gap:18px}.ms-loop-controls{width:100%}}
@media(max-width:560px){.ms-loop-controls{flex-direction:column;align-items:stretch;gap:10px}.ms-loop-controls [data-loop-compare]{width:100%}}
/* Load values (measured) and ongoing motion work (simulation), coupled to the shared pause control. */
.ms-load-sim{margin-top:56px;padding-top:44px;border-top:1px solid var(--line)}
.ms-load-sim-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:28px}
.ms-load-sim-head h3{font-size:1.6rem;line-height:1.25;margin:0}
.ms-load-sim-state{max-width:46ch;margin:0;font-size:.9375rem;color:var(--ink);min-height:3.2em}
.ms-load-sim-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}
.ms-load-card{padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.ms-load-card h4{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:1rem;margin:0 0 18px}
.ms-load-card .ms-chip{font-size:.6875rem;padding:4px 8px;text-transform:uppercase}
.ms-chip-sim{color:#f5c26b}
.ms-load-list{margin:0}
.ms-load-list>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.ms-load-list dt{color:var(--muted);font-size:.9375rem}
.ms-load-list dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}
.ms-load-card>.ms-small{margin:16px 0 0}
.ms-sim-now{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin-bottom:14px}
.ms-sim-now span{font-size:.875rem;color:var(--muted);width:100%}
.ms-sim-now strong{font:600 2.4rem/1.2 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--teal)}
.ms-sim-now small{font-size:.8125rem;color:var(--muted)}
.ms-sim-table{width:100%;border-collapse:collapse;font-size:.875rem}
.ms-sim-table caption{text-align:left;margin-bottom:8px}
.ms-sim-table th,.ms-sim-table td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.ms-sim-table thead th{color:var(--muted);font-weight:500}
.ms-sim-table tbody th{font-weight:400;color:var(--muted)}
.ms-sim-table td{color:var(--ink);white-space:nowrap}
.ms-sim-table[data-current="running"] [data-col="running"],.ms-sim-table[data-current="running"] td:nth-child(2),.ms-sim-table[data-current="paused"] [data-col="paused"],.ms-sim-table[data-current="paused"] td:nth-child(3){color:var(--teal);font-weight:600}
.ms-load-sim .ms-measure-method{margin-top:18px}
.ms-load-sim-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:22px;padding:22px 26px;border:1px solid var(--line);border-radius:12px}
.ms-load-sim-cta p{margin:0;max-width:62ch;font-size:.9375rem}
.ms-load-sim-cta .ms-actions{margin-top:0;flex-shrink:0}
@media(max-width:800px){.ms-load-sim-head{display:block}.ms-load-sim-head h3{margin-bottom:14px}.ms-load-sim-grid{grid-template-columns:1fr}.ms-load-sim-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.ms-load-card{padding:20px}.ms-sim-table th,.ms-sim-table td{padding:8px 4px}.ms-sim-table{font-size:.8125rem}}