.transformation{max-width:1120px;margin:65px auto 0;padding:54px 0 0;border-top:1px solid var(--line)}
.transformation-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}
.transformation h2{font-size:clamp(34px,4vw,56px);font-weight:500;letter-spacing:-1.8px;margin:16px 0 0}
.transformation-heading p{max-width:280px;color:var(--muted);line-height:1.65;font-size:15px;margin:0}
.comparison-choices{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:22px}
.comparison-choices button{background:none;color:var(--muted);padding:14px 0;min-height:48px;border-bottom:2px solid transparent;font-size:14px}
.comparison-choices button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--blue)}
.comparison{margin:0}.comparison-frame{--reveal:50%;position:relative;aspect-ratio:4/3;background:#e9e5dc;overflow:hidden;isolation:isolate}
.comparison-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.comparison-before img{object-position:center top}
#comparacao-arthur .comparison-before img{object-position:center top}
.comparison-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0);background:#e9e5dc}
.comparison-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:10px}
.comparison-divider{position:absolute;left:var(--reveal);top:0;bottom:0;width:2px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 4px #0003}
.comparison-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:22px;box-shadow:0 2px 10px #0002}
.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:2}
.comparison-frame:focus-within{outline:2px solid var(--blue);outline-offset:5px}
.comparison figcaption{display:flex;justify-content:space-between;gap:25px;margin-top:15px;font-size:13px;color:var(--muted);line-height:1.6}
.comparison figcaption strong{color:var(--ink);font-weight:500}.comparison-help{text-align:right}
.comparison figcaption>span{display:block}
@media(max-width:1240px){.transformation{margin-left:6%;margin-right:6%}}
@media(max-width:600px){.transformation{padding-top:35px;margin-top:40px}.transformation-heading{display:block}.transformation h2{font-size:35px}.transformation-heading p{margin-top:18px;max-width:none}.comparison-choices{gap:20px}.comparison-choices button{font-size:12px}.comparison figcaption{display:block}.comparison-help{text-align:left;margin-top:7px}.comparison-divider span{width:44px;height:44px}}
.chapter-comparison{margin:32px 0 48px}
.comparison-intro{font-size:13px;color:var(--muted);margin:0 0 18px}
.case-category{display:block;margin-bottom:12px;font-size:12px;color:var(--muted);letter-spacing:.04em}
@media(max-width:600px){.chapter-comparison{margin-top:25px;margin-bottom:32px}}