.comparison-section{background:var(--sage);border-radius:42px;margin-bottom:5rem;scroll-margin-top:180px}
.comparison-intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:5vw;margin-bottom:2.5rem}
.comparison-intro h2{max-width:660px}.comparison-intro .intro{max-width:460px}
.comparison-showcase{max-width:960px;margin-inline:auto}
.comparison-toolbar{display:flex;justify-content:center;margin-bottom:2rem}
.comparison-tabs{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;width:min(100%,360px);padding:5px;border:1px solid #c2cbb7;border-radius:100px;background:var(--paper)}
.comparison-tabs::before{content:'';position:absolute;z-index:-1;inset:5px auto 5px 5px;width:calc((100% - 10px)/2);border-radius:100px;background:var(--deep);transform:translateX(calc(var(--comparison-active,0)*100%));transition:transform .48s var(--ease)}
.comparison-tab{min-height:48px;border:0;border-radius:100px;padding:.8rem 1rem;background:transparent;color:var(--ink);font-weight:700;transition:color .32s}
.comparison-tab[aria-selected=true]{color:var(--white)}
.comparison-carousel{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:20px;align-items:center}
.comparison-panels{grid-column:2;grid-row:1;min-width:0}
.comparison-panel+.comparison-panel{margin-top:3rem}.is-ready .comparison-panel+.comparison-panel{margin-top:0}
.comparison-panel h3{font-size:clamp(1.5rem,2.5vw,2.2rem);letter-spacing:-.04em;text-align:center;margin-bottom:1.4rem}
.comparison-labels{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.7rem;font-size:clamp(1.1rem,1.6vw,1.25rem);line-height:1.4;font-weight:700;color:var(--green)}
.comparison-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--paper);border-radius:24px;outline:2px solid rgb(128 144 91 / 68%);outline-offset:4px;overflow:hidden;isolation:isolate;user-select:none}
.comparison-stage>img{display:block;width:100%;height:auto;pointer-events:none}
.is-ready .comparison-stage{display:block;aspect-ratio:3/2;cursor:ew-resize;touch-action:pan-y}
.is-ready .comparison-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.is-ready .comparison-before{z-index:1;clip-path:inset(0 calc(100% - var(--comparison-position,50%)) 0 0)}
.comparison-range{position:absolute;z-index:3;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.comparison-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--comparison-position,50%);width:3px;background:var(--white);transform:translateX(-50%);box-shadow:0 0 5px #243d2d50;pointer-events:none}
.comparison-handle{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffffff80;border-radius:50%;background:var(--deep);color:var(--white);transform:translate(-50%,-50%);box-shadow:0 3px 15px #243d2d40}
.comparison-handle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.comparison-range:focus-visible + .comparison-divider .comparison-handle{outline:3px solid var(--white);outline-offset:3px}
.comparison-nav{display:grid;place-items:center;width:52px;height:52px;border:1px solid #b4c1a6;border-radius:50%;background:var(--paper);color:var(--deep);transition:background .32s,color .32s}
.comparison-nav:hover{background:var(--deep);color:var(--white)}
.comparison-nav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.comparison-nav--previous{grid-column:1;grid-row:1}.comparison-nav--next{grid-column:3;grid-row:1}
.comparison-help{font-size:.88rem;line-height:1.6;text-align:center;color:var(--muted);margin-top:1.5rem}
@media(max-width:760px){
 .comparison-section{border-radius:28px;margin-bottom:3rem}
 .comparison-intro{grid-template-columns:1fr;gap:1.3rem;margin-bottom:2rem}
 .comparison-intro .intro{font-size:1rem}
 .comparison-toolbar{margin-bottom:1.6rem}
 .comparison-carousel{grid-template-columns:1fr 1fr;gap:1.25rem}
 .comparison-panels{grid-column:1/-1;grid-row:1}
 .comparison-nav--previous{grid-column:1;grid-row:2;justify-self:start}
 .comparison-nav--next{grid-column:2;grid-row:2;justify-self:end}
 .comparison-nav{width:48px;height:48px}
 .comparison-stage{border-radius:16px}
 .comparison-help{margin-top:1rem;font-size:.83rem}
 .comparison-panel h3{font-size:1.55rem;line-height:1.2;min-height:2.4em;display:grid;align-items:end}
}
@media(prefers-reduced-motion:reduce){.comparison-tabs::before,.comparison-tab,.comparison-nav{transition:none}}
@media print{.comparison-toolbar,.comparison-nav,.comparison-range,.comparison-divider,.comparison-help{display:none!important}.comparison-panel[hidden]{display:block!important}.is-ready .comparison-stage{display:grid;aspect-ratio:auto}.is-ready .comparison-stage>img{position:static;height:auto;clip-path:none}.comparison-panel{break-inside:avoid}}