.devices[data-astro-cid-q5d3qmob]{padding:0 9% 9% 0;position:relative}.laptop[data-astro-cid-q5d3qmob]{background:#1d1510;border-radius:16px;padding:10px;box-shadow:0 40px 80px -40px #000000e6,inset 0 0 0 1px #3a2e26}.laptop[data-astro-cid-q5d3qmob] .screen[data-astro-cid-q5d3qmob]{aspect-ratio:16/10;background:var(--mokka);border-radius:8px;overflow:hidden}.laptop[data-astro-cid-q5d3qmob] img[data-astro-cid-q5d3qmob]{object-fit:cover;object-position:top;width:100%;height:100%}.phone[data-astro-cid-q5d3qmob]{background:#0a0705;border-radius:24px;width:27%;padding:6px;position:absolute;bottom:0;right:0;box-shadow:0 30px 60px -20px #000000e6,inset 0 0 0 1px #3a2e26}.phone[data-astro-cid-q5d3qmob] .screen[data-astro-cid-q5d3qmob]{aspect-ratio:390/844;background:var(--mokka);border-radius:19px;overflow:hidden}.phone[data-astro-cid-q5d3qmob] img[data-astro-cid-q5d3qmob]{object-fit:cover;object-position:top;width:100%;height:100%}.compare[data-astro-cid-67ggu7zt]{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,40px);display:grid}.laptop[data-astro-cid-67ggu7zt]{background:#1d1510;border-radius:18px;padding:12px;box-shadow:0 40px 80px -40px #000000e6,inset 0 0 0 1px #3a2e26}.ba[data-astro-cid-67ggu7zt]{--pos:50%;aspect-ratio:16/10;background:var(--mokka);user-select:none;border-radius:8px;position:relative;overflow:hidden}.ba[data-astro-cid-67ggu7zt] img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.after-wrap[data-astro-cid-67ggu7zt]{clip-path:inset(0 0 0 var(--pos));position:absolute;inset:0}.handle[data-astro-cid-67ggu7zt]{top:0;bottom:0;left:var(--pos);background:var(--bernstein);pointer-events:none;width:2px;margin-left:-1px;position:absolute}.knob[data-astro-cid-67ggu7zt]{background:var(--bernstein);width:48px;height:48px;color:var(--espresso);transition:transform .2s var(--ease);border-radius:50%;justify-content:center;align-items:center;margin:-24px 0 0 -24px;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 8px 24px -6px #0009}.ba[data-astro-cid-67ggu7zt]:hover .knob[data-astro-cid-67ggu7zt]{transform:scale(1.06)}.ba[data-astro-cid-67ggu7zt]:focus-within .knob[data-astro-cid-67ggu7zt]{outline:2px solid var(--creme);outline-offset:3px}.lbl[data-astro-cid-67ggu7zt]{border-radius:var(--pill);font:600 .8125rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--creme);pointer-events:none;background:#0f0a06d9;padding:6px 12px;position:absolute;bottom:14px}.lbl[data-astro-cid-67ggu7zt].l{left:14px}.lbl[data-astro-cid-67ggu7zt].r{color:var(--bernstein);right:14px}input[data-astro-cid-67ggu7zt]{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.phones[data-astro-cid-67ggu7zt]{grid-template-columns:1fr 1fr;gap:16px;display:grid}figure[data-astro-cid-67ggu7zt]{justify-items:center;gap:12px;margin:0;display:grid}.phone[data-astro-cid-67ggu7zt]{background:#0a0705;border-radius:24px;width:100%;padding:6px;box-shadow:0 30px 60px -20px #000000e6,inset 0 0 0 1px #3a2e26}.phone[data-astro-cid-67ggu7zt] img{aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:19px;width:100%;height:auto}figcaption[data-astro-cid-67ggu7zt]{font:600 .8125rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--taupe)}figcaption[data-astro-cid-67ggu7zt].new{color:var(--bernstein)}@media (width<=860px){.compare[data-astro-cid-67ggu7zt]{grid-template-columns:1fr}.phones[data-astro-cid-67ggu7zt]{width:100%;max-width:420px;margin:0 auto}}
