.comparisons-section{padding-block:80px;background:#f3f9fc;scroll-margin-top:32px}
.comparisons-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}
.comparisons-heading h2{font-size:clamp(2rem,3.2vw,3.5rem);letter-spacing:-.045em;line-height:1.12}
.comparisons-heading p{font-size:.9375rem;line-height:1.6;color:#526b78}
.comparisons-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.comparison-card{min-width:0}
.comparison-image{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:18px;background:#dce9ee;isolation:isolate;cursor:ew-resize;touch-action:auto;user-select:none;-webkit-user-select:none}
.comparison-image>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.comparison-before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);z-index:1}
.comparison-labels{position:absolute;inset:14px 12px auto;display:flex;justify-content:space-between;gap:8px;z-index:2;pointer-events:none}
.comparison-labels span{padding:7px 9px;border-radius:6px;background:rgba(22,41,55,.82);color:#fff;font-size:.65rem;line-height:1.3;font-weight:600;white-space:nowrap}
.comparison-labels span:last-child{background:rgba(23,62,74,.9)}
.comparison-divider{position:absolute;inset:0 auto 0 var(--reveal);width:2px;transform:translateX(-50%);background:#fff;box-shadow:0 0 8px #16293750;z-index:3;pointer-events:none}
.comparison-divider>span{display:none}
.comparison-range{position:absolute;top:50%;left:clamp(28px,var(--reveal),calc(100% - 28px));transform:translate(-50%,-50%);margin:0;width:84px;height:84px;z-index:4;cursor:ew-resize;touch-action:none;-webkit-tap-highlight-color:transparent}
.comparison-range::before{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff;box-shadow:0 3px 16px #16293740}
.comparison-range::after{content:"";position:absolute;inset:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23173e4a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 8-4 4 4 4m8-8 4 4-4 4'/%3E%3C/svg%3E") center/24px no-repeat}
.comparison-image:has(.comparison-range:focus-visible){outline:3px solid #327b98;outline-offset:5px}
.comparison-range:focus-visible{outline:none}
.comparison-range:focus-visible::before{box-shadow:0 0 0 4px #a4d8ef}
.comparison-card h3{font-size:1.1rem;line-height:1.5;letter-spacing:-.025em;margin-top:17px}
.comparison-disclosure{font-size:.8125rem;line-height:1.65;color:#526b78;margin-top:27px;max-width:680px}
.comparison-noscript{font-size:.875rem;line-height:1.6;margin-top:14px}
.comparison-examples{display:none}
.comparison-browse{display:none}
@media(min-width:761px) and (max-width:1000px){.comparisons-gallery{gap:16px}.comparison-labels{inset:10px 8px auto;gap:4px}.comparison-labels span{padding:6px;font-size:.54rem}}
@media(max-width:760px){
  .comparisons-section{padding-block:54px;overflow:hidden}
  .comparisons-heading{display:block;margin-bottom:25px}
  .comparisons-heading p{margin-top:13px;font-size:.875rem}
  .comparisons-gallery{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 8px;touch-action:auto;overscroll-behavior-x:contain}
  .comparisons-gallery::-webkit-scrollbar{display:none}
  .comparison-card{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
  .comparison-image{border-radius:16px;max-height:65svh;cursor:auto}
  .comparison-browse{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;color:#526b78;font-size:.8125rem}
  .comparison-browse>span{line-height:1.5}
  .comparison-browse-controls{display:flex;gap:8px}
  .comparison-browse button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #c6dce6;border-radius:50%;background:#fff;color:#173e4a;cursor:pointer}
  .comparison-browse button:disabled{opacity:.35;cursor:default}
  .comparison-browse button:focus-visible{outline:3px solid #327b98;outline-offset:3px}
  .comparison-card h3{font-size:1.0625rem;margin-top:14px}
  .comparison-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:20px}
  .comparison-examples button{border:1px solid #c6dce6;border-radius:9px;background:#fff;padding:10px 7px;min-height:54px;color:#536e7d;font-size:.7rem;line-height:1.4;cursor:pointer}
  .comparison-examples button span{display:block;font-size:.75rem;font-weight:600}
  .comparison-examples button[aria-current=true]{background:#173e4a;color:#fff;border-color:#173e4a}
  .comparison-examples button:focus-visible{outline:3px solid #327b98;outline-offset:3px}
  .comparison-disclosure{margin-top:21px;font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){.comparisons-gallery{scroll-behavior:auto}}