.em-compare{background:var(--s-bg);position:relative;overflow:hidden}html:not([data-theme=light]) .em-compare{--s-bg:var(--white)}.em-compare .biz-field svg{transform:rotate(90deg)}.em-stage{--x:50%;--lean:5%;touch-action:pan-y;border-radius:18px;min-height:500px;display:grid;position:relative;overflow:hidden}.em-pane{flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;padding:72px clamp(20px,6vw,96px);display:flex}.em-before{background:var(--paper);--win-tag:var(--muted)}.em-after{background:linear-gradient(125deg, var(--ink), var(--brand));clip-path:polygon(calc(var(--x) + var(--lean)) 0, 100% 0, 100% 100%, calc(var(--x) - var(--lean)) 100%)}[data-theme=light] .em-before{background:var(--mint)}.em-pane .win{width:min(640px,100%)}.em-before .win{filter:saturate(.25)}.em-before .mail-avatar{background:var(--muted)}.em-before .mail-sign{color:var(--muted)}.em-tag{font-family:var(--f-display);letter-spacing:.13em;text-transform:uppercase;border-radius:6px;padding:7px 13px;font-size:.72rem;font-weight:600;position:absolute;top:24px}.em-before .em-tag{color:var(--muted);background:#4d666024;left:24px}[data-theme=light] .em-before .em-tag{color:var(--ink);background:#051f201a}.em-after .em-tag{background:var(--mint);color:var(--ink);right:24px}.em-stage input[type=range]{z-index:3;opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.em-handle{z-index:2;left:var(--x);background:var(--mint);width:54px;height:54px;color:var(--ink);pointer-events:none;transition:transform .3s var(--ease);border-radius:50%;place-items:center;margin:-27px 0 0 -27px;display:grid;position:absolute;top:50%;box-shadow:0 0 0 6px #daf1de3d,0 16px 30px -10px #051f20b3}.em-handle svg{width:26px;height:26px}.em-stage:has(input:focus-visible) .em-handle{outline:3px solid var(--brand);outline-offset:5px}.em-stage:hover .em-handle{transform:scale(1.08)}.em-boxes{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px;display:flex}.em-boxes small{font-family:var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--s-accent);font-size:.78rem;font-weight:600}@media (width<=640px){.em-stage{--lean:9%;min-height:460px}.em-pane{padding:76px 14px 40px}.em-tag{top:16px}.em-before .em-tag{left:14px}.em-after .em-tag{right:14px}.em-pane .mail-body p{font-size:.82rem}.em-stage{--x:54%}.mail-from{padding:14px 14px 12px}.em-pane .mail-avatar,.em-after .mail-from b,.em-before .mail-from>div>span,.em-to{display:none}.em-before .mail-from b{font-size:.72rem;font-weight:600}.em-after .mail-from>div>span{color:var(--ink);font-size:.72rem;font-weight:600}}.em-after .mail-from{text-align:right;flex-direction:row-reverse}.em-after .mail-sign{text-align:right}@media (width<=640px){.em-stage{--x:51%;--lean:6%}.em-tag{letter-spacing:.1em;padding:5px 9px;font-size:.6rem}.em-before .mail-from b,.em-after .mail-from>div>span{font-size:.64rem}}