/* Before/after comparisons use the existing editorial page gutters. */
.zu-redesign{margin-top:80px;min-width:0;color:#172b47;scroll-margin-top:140px}
.zu-redesign:has(.zu-cms-empty){display:none}
.zu-redesign-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);align-items:end;gap:48px;margin-bottom:32px}
.zu-redesign .zu-editorial-eyebrow{margin-bottom:18px}
.zu-redesign h2{margin:0;color:#172b47;font:600 clamp(30px,3.1vw,44px)/1.15 Inter,sans-serif;letter-spacing:-1.6px}
.zu-redesign-heading>p{max-width:400px;justify-self:end;margin:0 0 3px;color:#657991;font:400 15px/1.8 Inter,sans-serif}
.zu-redesign-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:22px}
.zu-redesign-tabs[hidden],.zu-redesign-panel[hidden]{display:none!important}
.zu-redesign button.zu-redesign-tab{display:flex;align-items:center;gap:14px;min-width:0;min-height:64px;padding:13px 18px;border:1px solid #dde6f3;border-radius:14px;background:#f6f9fe;color:#526882;text-align:left;cursor:pointer;box-shadow:none;transition:background .2s,border-color .2s,color .2s,transform .2s}
.zu-redesign-tab>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;background:#eaf0f9;color:#6580a3;font:500 11px/1 Inter,sans-serif}
.zu-redesign-tab>strong{font:500 13px/1.5 Inter,sans-serif}
.zu-redesign button.zu-redesign-tab[aria-selected="true"]{background:#fff;border-color:#8ab0ff;color:#193456;box-shadow:0 5px 18px -10px #2563eb44}
.zu-redesign-tab[aria-selected="true"]>span{background:#2563eb;color:#fff}
.zu-redesign button.zu-redesign-tab:hover{background:#edf4ff;border-color:#a3c0f5;color:#1d4ed8;transform:translateY(-2px)}
.zu-redesign button.zu-redesign-tab:focus-visible,.zu-redesign a:focus-visible{outline:3px solid #fea805!important;outline-offset:4px}
.zu-redesign-frame{overflow:hidden;border:1px solid #dce5f2;border-radius:23px;background:#fff;box-shadow:0 22px 52px -30px #1b3a6c40}
.zu-redesign-browser{display:flex;align-items:center;gap:20px;height:44px;padding:0 22px;background:#162841;color:#becce0;font:400 11px/1.4 Inter,sans-serif}
.zu-redesign-browser>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zu-redesign-dots{display:flex;gap:6px;flex-shrink:0}
.zu-redesign-dots i{width:7px;height:7px;border-radius:50%;background:#fea805}
.zu-redesign-dots i:nth-child(2){background:#3878f5}.zu-redesign-dots i:nth-child(3){background:#6f8199}
.zu-redesign-browser-tag{margin-left:auto;flex-shrink:0;color:#9fafc5;font-size:9px;letter-spacing:1.7px}
.zu-redesign-compare{position:relative;isolation:isolate;aspect-ratio:2/1;overflow:hidden;background:#fff}
.zu-redesign.is-ready .zu-redesign-compare{cursor:ew-resize;touch-action:pan-y}
.zu-redesign-layer{position:absolute;inset:0;background:#fff}
.zu-redesign-layer>img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;border:0;border-radius:0!important;user-select:none;pointer-events:none}
.zu-redesign-before{clip-path:inset(0 calc(100% - var(--compare-position)) 0 0);z-index:1}
.zu-redesign-label{position:absolute;top:18px;max-width:calc(50% - 28px);padding:8px 13px;border:1px solid #dce5f2;border-radius:9px;background:#fffffff2;color:#243a56;box-shadow:0 3px 12px #152b4620;font:500 11px/1.4 Inter,sans-serif;pointer-events:none}
.zu-redesign-label-before{left:18px}.zu-redesign-label-after{right:18px;background:#fea805;color:#152841;border-color:#fea805}
.zu-redesign-divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--compare-position);width:2px;background:#fff;box-shadow:0 0 0 1px #2563eb50,0 0 18px #14284655;transform:translateX(-50%);pointer-events:none}
.zu-redesign-handle{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:52px;height:52px;border:3px solid #fff;border-radius:50%;background:#2563eb;color:#fff;box-shadow:0 6px 20px #123d8250;transform:translate(-50%,-50%);transition:background .2s,box-shadow .2s}
.zu-redesign .zu-redesign-handle svg{width:28px;height:24px;stroke-width:1.8}
.zu-redesign input.zu-redesign-range{position:absolute;z-index:3;inset:0;display:block;width:100%;height:100%;padding:0;margin:0;opacity:0;pointer-events:none}
.zu-redesign-compare:focus-within{outline:3px solid #2563eb!important;outline-offset:-3px}
.zu-redesign-compare:focus-within .zu-redesign-handle,.zu-redesign-compare.is-dragging .zu-redesign-handle{background:#172f50;box-shadow:0 0 0 7px #fea80555,0 6px 20px #123d8250}
.zu-redesign-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:124px;padding:24px 28px;border-top:1px solid #e5edf6}
.zu-redesign-index{display:block;margin-bottom:8px;color:#7386a1;font:500 9px/1.5 Inter,sans-serif;letter-spacing:1.4px}
.zu-redesign-caption h3{margin:0;color:#172b47;font:600 20px/1.35 Inter,sans-serif;letter-spacing:-.5px}
.zu-redesign-caption .zu-redesign-stat{margin:7px 0 0;color:#687e9b;font:400 12px/1.5 Inter,sans-serif}
.zu-redesign a.zu-redesign-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;flex-shrink:0;min-height:48px;padding:12px 17px;border:1px solid #dce6f7;border-radius:11px;background:#f4f8ff;color:#215bd5;font:500 12px/1.5 Inter,sans-serif;text-decoration:none;transition:background .2s,border-color .2s}
.zu-redesign a.zu-redesign-link:hover{background:#e8f0ff;border-color:#9fbdf4}
.zu-redesign .zu-redesign-instructions{margin:20px 0 0;text-align:center;color:#75869b;font:400 11px/1.7 Inter,sans-serif}
.zu-redesign:not(.is-ready) .zu-redesign-panel+.zu-redesign-panel{margin-top:28px}
.zu-redesign:not(.is-ready) .zu-redesign-instructions{display:none}
@media(prefers-reduced-motion:no-preference){
 .zu-redesign.is-in-view .zu-redesign-panel:not([hidden]) .zu-redesign-handle{animation:zu-compare-pulse 1.2s ease-out 1}
 @keyframes zu-compare-pulse{0%,100%{box-shadow:0 6px 20px #123d8250}45%{box-shadow:0 0 0 12px #fea80530,0 6px 20px #123d8250}}
}
@media(max-width:767px){
 .zu-redesign{margin-top:48px;scroll-margin-top:100px}.zu-redesign-heading{grid-template-columns:1fr;gap:18px;margin-bottom:24px}
 .zu-redesign h2{font-size:31px;letter-spacing:-1.1px}.zu-redesign-heading>p{justify-self:start;max-width:100%;font-size:14px}
 .zu-redesign-tabs{display:flex;gap:8px;overflow-x:auto;padding:3px 3px 10px;margin:0 -3px 12px;scrollbar-width:thin;scrollbar-color:#c1d2ef transparent}
 .zu-redesign button.zu-redesign-tab{flex:0 0 225px;min-height:64px;padding:11px 13px;gap:10px}.zu-redesign-tab>strong{font-size:12px}
 .zu-redesign-frame{border-radius:16px}.zu-redesign-browser{height:36px;padding:0 12px;gap:12px;font-size:10px}.zu-redesign-browser-tag{font-size:8px;letter-spacing:1px}
 .zu-redesign-label{top:10px;padding:5px 8px;font-size:9px;max-width:calc(50% - 20px);border-radius:6px}.zu-redesign-label-before{left:10px}.zu-redesign-label-after{right:10px}
 .zu-redesign-handle{width:44px;height:44px}.zu-redesign-caption{align-items:flex-start;flex-direction:column;min-height:214px;gap:16px;padding:20px}
 .zu-redesign-caption h3{font-size:18px}.zu-redesign a.zu-redesign-link{min-height:44px}.zu-redesign .zu-redesign-instructions{margin-top:14px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.zu-redesign *{animation:none!important;transition:none!important}}