body{background:#101219}header{max-width:1320px;min-height:96px}.wrap{max-width:1240px}.preview-note{text-align:center;background:#222034;color:#c3bbff;padding:8px;font-size:12px;letter-spacing:.08em}.hero-new{text-align:center;padding-top:75px;padding-bottom:60px}.hero-new h1{font-size:clamp(44px,6vw,82px);line-height:1.06;letter-spacing:-.055em}.hero-new h1 em{color:#b6a5ff}.hero-new .intro{margin:24px auto;max-width:720px;font-size:18px}.hero-new .actions{justify-content:center}.benefits{display:flex;justify-content:center;gap:32px;color:#c2c4d2;margin-top:30px;font-size:12px}.demo-section{padding-top:68px;padding-bottom:68px;border-top:1px solid #2c2f3c}.demo-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.demo-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0}.demo-heading>p{color:#aeb3c5;font-size:15px;max-width:440px}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;border:1px solid #383a48;border-bottom:0;padding:14px 20px;border-radius:15px 15px 0 0;background:#1b1e29}.live-dot{font-size:13px;color:#cdd6ca}.live-dot:before{content:' ';display:inline-block;width:7px;height:7px;border-radius:50%;background:#b3ee9b;margin-right:9px}.scale-buttons{display:flex;gap:5px}.scale-buttons button{background:#292d3a;color:#eee;border:1px solid #484b60;border-radius:7px;padding:7px 24px;font:600 14px 'Segoe UI';cursor:pointer}.scale-buttons .selected{background:#9e8af2;color:#13101e;border-color:#9e8af2}.compare{position:relative;aspect-ratio:8/5;overflow:hidden;background:#23242b;border:1px solid #383a48;border-radius:0 0 14px 14px;isolation:isolate}.compare img,.compare .base{width:100%;height:100%;object-fit:cover;display:block}.base{position:absolute;inset:0}.before-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.before-layer img{width:100%;height:100%;object-fit:cover}#upscale-compare .before-layer img{image-rendering:auto}.image-label{position:absolute;top:20px;padding:7px 12px;border-radius:5px;background:#11151bd9;color:white;font-size:11px;font-weight:700;letter-spacing:.08em}.image-label.left{left:20px}.image-label.right{right:20px}.divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:white;transform:translateX(-50%);pointer-events:none}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f9f9fb;color:#242132;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:24px;box-shadow:0 3px 20px #0005}.reveal{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4}.compare:focus-within{outline:3px solid #af9bff;outline-offset:4px}.resolution{display:flex;gap:40px;align-items:center;background:#191c26;border:1px solid #323541;border-radius:12px;margin-top:16px;padding:23px 30px}.resolution small{display:block;font-size:10px;letter-spacing:.13em;color:#9da5bb}.resolution strong{font-size:25px;font-weight:550;letter-spacing:-.035em}.resolution i{font-size:13px;font-style:normal;color:#a4a8b9}.pixel-count{margin-left:auto;text-align:right}.pixel-count strong{color:#bcadff;font-size:30px}.demo-footnote{color:#959bac;font-size:12px;line-height:1.7;margin-top:17px}.demo-footnote a{color:#c4b7ff;text-decoration:underline}.tag-demo{border-radius:14px;aspect-ratio:2/1}.watermark{position:absolute;bottom:12%;right:5%;display:flex;gap:13px;align-items:center;background:#181921d9;color:white;padding:19px 23px;border-left:3px solid #c7b487}.watermark>b{font:30px Georgia;border:1px solid #b6aa91;padding:6px}.watermark span{font-size:15px;letter-spacing:.1em}.watermark small{display:block;font-size:8px;letter-spacing:.17em;color:#cdc5b2;margin-top:5px}.pdf-workflow{display:grid;grid-template-columns:1.35fr .35fr .8fr;gap:24px;align-items:center;background:#1b1e28;padding:48px;border:1px solid #343744;border-radius:16px;min-height:440px}.photo-stack{position:relative;height:300px}.photo-stack figure{position:absolute;margin:0;background:#f1efeb;width:66%;padding:9px;box-shadow:0 15px 35px #0005;transform:rotate(-11deg);top:0;left:0}.photo-stack figure:nth-child(2){top:53px;left:22%;transform:rotate(7deg)}.photo-stack figure:nth-child(3){top:115px;left:4%;transform:rotate(-4deg)}.photo-stack img{width:100%;height:135px;object-fit:cover}.photo-stack .crop-two{object-position:80% 80%;object-fit:cover;filter:saturate(.7)}.photo-stack .crop-three{object-position:20% 70%}.photo-stack figcaption{color:#46444c;font-size:10px;padding:5px}.merge-arrow{font-size:38px;text-align:center;color:#bcaaff}.merge-arrow small{font-size:8px;letter-spacing:.12em;display:block}.pdf-book{background:#f5f2eb;color:#2b2a2d;padding:22px;box-shadow:6px 6px 0 #bbb8b2,12px 12px 0 #8d8b86;transform:rotate(3deg)}.pdf-top,.pdf-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px}.pdf-top>span{background:#b84842;color:white;padding:4px 7px;border-radius:4px}.pdf-top small{font-size:8px;letter-spacing:.06em}.pdf-book h3{font:28px/1.1 Georgia;margin:23px 0}.pdf-book img{width:100%;height:135px;object-fit:cover}.pdf-bottom{border-top:1px solid #d6d2c9;margin-top:20px;padding-top:12px}.pricing{border-top:1px solid #343744}@media(max-width:700px){.hero-new{padding-top:46px}.benefits{flex-wrap:wrap;gap:10px 20px}.demo-heading{display:block}.demo-heading>p{margin-top:20px}.demo-section{padding-top:45px;padding-bottom:45px}.image-label{font-size:8px;top:10px;padding:5px}.image-label.left{left:10px}.image-label.right{right:10px}.resolution{gap:15px;padding:16px}.resolution strong{font-size:18px}.resolution .pixel-count strong{font-size:22px}.resolution small{font-size:8px}.watermark{padding:8px;gap:8px}.watermark>b{font-size:18px}.watermark span{font-size:8px}.watermark small{font-size:5px}.pdf-workflow{grid-template-columns:1fr;padding:25px;gap:10px}.photo-stack{height:285px;max-width:360px;width:100%;margin:auto}.merge-arrow{transform:rotate(90deg);font-size:30px}.merge-arrow small{display:none}.pdf-book{max-width:250px;margin:12px auto;width:100%}.tag-demo{aspect-ratio:8/5}.live-dot{font-size:10px}.scale-buttons button{padding:7px 16px}}
/* Use normal browser interpolation on the source: do not exaggerate its pixelation. */
#upscale-compare .before-layer img{image-rendering:auto}
button:focus-visible{outline:3px solid #d8ceff;outline-offset:4px}

.compare{--split:50%}