:root{color-scheme:dark;--white: #fff;--black: #000;--panel: #202020;--panel-line: rgba(255, 255, 255, .12);--copy: #f5f5f5;--muted: #b5adad;--blue: #62a5ff;--focus: #78a4ff;--progress: 0%;--frame: min(100vw, 1920px);--u: calc(var(--frame) / 1920);--page-x: calc(56 * var(--u));--panel-x: calc(64 * var(--u));--panel-y: calc(406 * var(--u));--panel-w: calc(1792 * var(--u));--panel-h: calc(603 * var(--u))}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-VariableFont_wght.ttf) format("truetype");font-weight:200 800;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:var(--black)}body,button{font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{color:inherit}a{color:inherit;text-decoration:none}.stage{position:relative;isolation:isolate;width:min(100%,1920px);min-height:calc(2274 * var(--u));margin:0 auto;overflow:hidden;color:var(--white);background:var(--black)}#file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.header-505{position:absolute;z-index:20;top:0;left:0;display:flex;width:100%;min-height:calc(130 * var(--u));align-items:flex-start;padding:calc(43 * var(--u)) calc(72 * var(--u)) calc(18 * var(--u)) calc(56 * var(--u));background:var(--black);color:var(--white)}.header-505__brand{display:inline-flex;align-items:flex-start;border:0;padding:0;color:var(--white);background:none;cursor:pointer}.header-505__brand img{display:block;width:calc(232 * var(--u));height:auto}.header-505__nav{display:flex;align-items:center}.header-505__nav-main{flex:0 0 auto;gap:calc(64 * var(--u));margin-left:calc(353 * var(--u));padding-top:calc(6 * var(--u))}.header-505__actions{display:flex;flex:0 0 auto;margin-left:auto;align-items:flex-start}.header-505__link{display:inline-flex;align-items:center;border:0;padding:0;color:var(--white);background:none;cursor:pointer;font-size:clamp(11px,calc(16 * var(--u)),16px);font-weight:400;line-height:1.375;letter-spacing:0;text-underline-offset:4px;transition:color .16s ease;white-space:nowrap}.header-505__link:hover,.header-505__link.is-active:hover{color:#2e8cff;text-decoration:underline;text-decoration-thickness:1px}.header-505__cta{gap:calc(15 * var(--u));min-width:calc(246.76 * var(--u))}.header-505__cta img{display:block;width:calc(19.38 * var(--u));height:calc(19.38 * var(--u))}.hero-lockup{position:absolute;z-index:4;top:calc(180 * var(--u));left:calc(479 * var(--u));width:calc(979 * var(--u));height:calc(154 * var(--u))}.hero-mark{position:absolute;top:0;left:0;width:calc(101 * var(--u));height:calc(52.5 * var(--u));object-fit:contain}.hero-title{position:absolute;top:calc(26 * var(--u));left:calc(118 * var(--u));width:calc(861 * var(--u));margin:0;color:var(--white);font-size:clamp(30px,calc(64 * var(--u)),64px);font-weight:800;line-height:1;letter-spacing:-.04em}.hero-title span{color:transparent;background:linear-gradient(90deg,#fff,#b8b8b8 58%,#6f6f6f);-webkit-background-clip:text;background-clip:text}.app-panel,.primary-action{position:absolute}.app-panel{z-index:3;top:var(--panel-y);left:var(--panel-x);width:var(--panel-w);height:var(--panel-h);overflow:hidden;background:var(--panel)}.upload-panel{cursor:pointer}.upload-panel:before,.upload-panel:after,.result-panel:before,.result-panel:after,.error-panel:before,.error-panel:after{content:"";position:absolute;pointer-events:none;background:var(--panel-line)}.upload-panel:before,.result-panel:before,.error-panel:before{top:0;bottom:0;left:calc(905 * var(--u));width:1px}.upload-panel:after,.result-panel:after,.error-panel:after{top:calc(302 * var(--u));left:0;right:0;height:1px}.upload-panel{background:linear-gradient(90deg,transparent calc(16 * var(--u)),var(--panel-line) calc(16 * var(--u)) calc(16 * var(--u) + 1px),transparent calc(16 * var(--u) + 1px)),linear-gradient(90deg,transparent calc(1776 * var(--u)),var(--panel-line) calc(1776 * var(--u)) calc(1776 * var(--u) + 1px),transparent calc(1776 * var(--u) + 1px)),var(--panel)}.primary-action{z-index:8;top:calc(var(--panel-y) + 236 * var(--u));left:calc(var(--panel-x) + 687 * var(--u));width:calc(418 * var(--u));height:calc(131 * var(--u));min-width:196px;min-height:62px;border:0;border-radius:999px;background:#323232;color:var(--white);font-size:clamp(14px,calc(31.313 * var(--u)),31.313px);font-weight:700;line-height:1;letter-spacing:.05em;cursor:pointer;transition:color .16s ease,background .16s ease,transform .16s ease}.primary-action:hover:not(:disabled),.dragover .primary-action{color:#111;background:var(--white)}.primary-action:focus-visible,.upload-panel:focus-visible{outline:3px solid var(--focus);outline-offset:6px}.processing .primary-action{display:none}.complete .primary-action{top:calc(var(--panel-y) + 236 * var(--u));left:calc(var(--panel-x) + 687 * var(--u));width:calc(418 * var(--u));height:calc(131 * var(--u));min-width:196px;min-height:62px;font-size:clamp(14px,calc(31.313 * var(--u)),31.313px);letter-spacing:.03em;text-transform:none}.state-panel,.processing .upload-panel,.complete .upload-panel,.error .upload-panel{display:none}.processing .progress-panel,.complete .result-panel,.error .error-panel{display:block}.progress-panel{border-radius:calc(20 * var(--u));pointer-events:none}.progress-panel:after{content:"";position:absolute;top:0;bottom:0;left:calc(1211 * var(--u));width:1px;background:var(--panel-line)}.segments,.segments i{display:none}.background-warning{position:absolute;top:calc(77 * var(--u));left:calc(38 * var(--u));right:calc(38 * var(--u));z-index:4;margin:0;color:#f5f5f58a;font-size:clamp(20px,calc(34 * var(--u)),34px);line-height:1.18;letter-spacing:-.02em;opacity:0;transition:opacity .18s ease,color .18s ease}.background-warning strong{font-weight:600}.result-warning{position:absolute;top:calc(77 * var(--u));left:calc(38 * var(--u));right:calc(38 * var(--u));z-index:4;margin:0;color:#f5f5f5b8;font-size:clamp(20px,calc(34 * var(--u)),34px);font-weight:400;line-height:1.18;letter-spacing:-.02em;opacity:0}.result-warning strong{font-weight:600}.backgrounded .background-warning,.large-file .background-warning,.already-optimal .background-warning{opacity:1}.large-file .background-warning,.already-optimal .background-warning{color:#f5f5f5b8}.already-optimal .result-warning{opacity:1}.processing-status{position:absolute;top:calc(33 * var(--u));left:calc(38 * var(--u));margin:0;color:var(--copy);font-size:clamp(14px,calc(24 * var(--u)),24px);font-weight:400;line-height:calc(38 / 24);letter-spacing:-.02em}.cancel-action{position:absolute;z-index:4;top:calc(31 * var(--u));right:calc(38 * var(--u));min-width:calc(156 * var(--u));height:calc(48 * var(--u));padding:0 calc(24 * var(--u));border:1px solid rgba(245,245,245,.34);border-radius:999px;background:transparent;color:var(--copy);font:inherit;font-size:clamp(12px,calc(18 * var(--u)),18px);line-height:1;cursor:pointer;pointer-events:auto;transition:background .16s ease,border-color .16s ease,color .16s ease}.cancel-action:hover:not(:disabled),.cancel-action:focus-visible{border-color:var(--white);background:var(--white);color:#111;outline:none}.cancel-action:disabled{cursor:default;opacity:.55}.progress-counter{position:absolute;left:calc(38 * var(--u));top:calc(235 * var(--u));width:calc(1148 * var(--u))}.progress-counter strong{position:relative;display:grid;grid-template-columns:calc(182 * var(--u)) calc(434 * var(--u)) calc(403 * var(--u));align-items:end;column-gap:calc(97 * var(--u));font-size:0}.progress-counter strong span{color:var(--white);font-size:clamp(88px,calc(351.679 * var(--u)),351.679px);font-weight:800;line-height:1;letter-spacing:-.04em}#progress-current{grid-column:1}#progress-total{grid-column:3}.progress-counter strong:before{content:"";position:absolute;top:calc(196 * var(--u));left:calc(252 * var(--u));width:calc(424 * var(--u));height:3px;background:#ffffffb3}.diagnostics-meta{position:absolute;top:calc(226 * var(--u));left:calc(1153 * var(--u));display:grid;grid-template-columns:calc(115 * var(--u)) calc(141 * var(--u));column-gap:calc(45 * var(--u));row-gap:calc(20 * var(--u));color:var(--copy);font-size:clamp(10px,calc(14 * var(--u)),14px);font-weight:400;line-height:calc(20 / 14);letter-spacing:-.02em}.result-diagnostics{grid-template-columns:calc(141 * var(--u));row-gap:calc(28 * var(--u))}.loader-star{grid-row:1 / 3;width:calc(115 * var(--u));height:calc(115 * var(--u));border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.92) 0deg 2.1deg,transparent 2.1deg 6.8deg);-webkit-mask:radial-gradient(circle,transparent 0 17%,#000 18% 100%);mask:radial-gradient(circle,transparent 0 17%,#000 18% 100%);animation:loader-star-spin 2.8s linear infinite}.diagnostics-meta p{margin:0}.corner-log{position:absolute;right:calc(38 * var(--u));bottom:calc(34 * var(--u));z-index:3;width:calc(430 * var(--u));max-height:calc(172 * var(--u));padding-top:calc(29 * var(--u));overflow:hidden;color:#f5f5f585;font-size:clamp(9px,calc(12 * var(--u)),12px);font-weight:400;line-height:1.35;letter-spacing:-.02em;text-align:right;pointer-events:none}.copy-log-action{position:absolute;top:0;right:0;display:inline-grid;width:calc(24 * var(--u));height:calc(24 * var(--u));place-items:center;border:0;padding:0;background:transparent;color:#f5f5f594;cursor:pointer;pointer-events:auto;transition:color .16s ease,opacity .16s ease}.copy-log-action:hover,.copy-log-action:focus-visible,.copy-log-action.is-copied{color:var(--white);outline:none}.copy-log-action svg{display:block;width:calc(18 * var(--u));height:calc(18 * var(--u));fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.corner-log p{margin:0 0 calc(8 * var(--u));color:#f5f5f5c2;font-size:clamp(10px,calc(14 * var(--u)),14px);line-height:1.15}.corner-log pre{margin:0;overflow:hidden;color:inherit;font:inherit;white-space:pre-wrap;word-break:break-word}@keyframes loader-star-spin{to{transform:rotate(360deg)}}.result-panel{pointer-events:none}.size-result,.result-features{display:none}.result-summary{position:absolute;inset:0}.result-summary>strong{position:absolute;left:calc(44 * var(--u));top:calc(282 * var(--u));color:var(--white);font-size:clamp(98px,calc(320 * var(--u)),320px);font-weight:800;line-height:1;letter-spacing:-.04em}.result-pages{position:absolute;left:calc(696 * var(--u));top:calc(515 * var(--u));width:calc(196 * var(--u));margin:0;color:var(--copy);font-size:clamp(11px,calc(22 * var(--u)),22px);font-weight:400;line-height:calc(27.801 / 22);letter-spacing:-.02em}.error-panel{padding:calc(64 * var(--u))}.error-panel p{max-width:calc(1280 * var(--u));margin:0;color:var(--white);font-size:clamp(40px,calc(104 * var(--u)),104px);font-weight:800;line-height:.95;letter-spacing:-.04em}.error-panel span{display:block;max-width:calc(700 * var(--u));margin-top:calc(36 * var(--u));color:#f5f5f5a6;font-size:clamp(16px,calc(28 * var(--u)),28px);line-height:1.2}.story-section{position:absolute;top:calc(1143 * var(--u));left:var(--page-x);right:calc(64 * var(--u));display:grid;grid-template-columns:calc(848 * var(--u)) calc(752 * var(--u));justify-content:space-between;gap:calc(56 * var(--u));padding-top:calc(48 * var(--u));border-top:1px solid rgba(255,255,255,.16)}.story-section p,.tech-copy p{margin:0;color:var(--copy);font-size:clamp(13px,calc(24 * var(--u)),24px);font-weight:400;line-height:calc(38 / 24)}.tech-section{position:absolute;top:calc(1499 * var(--u));left:var(--page-x);right:calc(105 * var(--u));display:grid;grid-template-columns:calc(826 * var(--u)) calc(410.639 * var(--u)) calc(411 * var(--u));gap:calc(34 * var(--u));align-items:start;padding-top:calc(37 * var(--u));border-top:1px solid rgba(255,255,255,.16)}.tech-copy h2{width:calc(826 * var(--u));margin:0 0 calc(83 * var(--u));color:var(--white);font-size:clamp(34px,calc(64 * var(--u)),64px);font-weight:800;line-height:1;letter-spacing:-.04em}.feature-card{height:calc(358.552 * var(--u));overflow:hidden;border:1px solid #373736;border-radius:calc(12.113 * var(--u));background:linear-gradient(180deg,#2c2e2c,#262926)}.feature-card h3{height:calc(87.215 * var(--u));margin:0;padding:calc(38.762 * var(--u)) calc(38.762 * var(--u)) 0;border-bottom:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:clamp(10px,calc(17 * var(--u)),17px);font-weight:300;line-height:1;text-transform:uppercase;letter-spacing:.04em}.feature-card dl{margin:0}.feature-card dl div{display:grid;grid-template-columns:calc(38.762 * var(--u)) 1fr auto;align-items:center;gap:calc(17 * var(--u));min-height:calc(87.215 * var(--u));padding:0 calc(37 * var(--u)) 0 calc(38.762 * var(--u));border-bottom:1px solid rgba(255,255,255,.1)}.feature-card dl div:last-child{border-bottom:0}.feature-card dt,.feature-card dd{margin:0;font-size:clamp(9px,calc(15 * var(--u)),15px);font-weight:300;line-height:1;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.feature-card dt{color:var(--muted)}.feature-card dd{color:var(--blue)}.feature-icon{display:block;width:calc(38.762 * var(--u));height:calc(38.762 * var(--u))}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hidden{display:none!important}@media(max-width:900px){:root{--frame: 100vw;--page-x: 24px;--panel-x: 24px;--panel-y: 250px;--panel-w: calc(100vw - 48px) ;--panel-h: 300px}.stage{width:100%;min-height:1560px}.header-505{min-height:112px;gap:20px;flex-wrap:wrap;padding:24px 20px 18px}.header-505__brand img{width:174px}.header-505__nav-main{order:3;width:100%;gap:18px;margin-left:0;padding-top:0;justify-content:flex-start}.header-505__actions{margin-left:auto}.header-505__link{font-size:12px;line-height:16px}.header-505__cta{gap:8px;min-width:0}.header-505__cta span{display:none}.header-505__cta img{width:28px;height:28px}.hero-lockup{top:128px;left:24px;width:calc(100% - 48px);height:120px}.hero-mark{width:70px;height:auto}.hero-title{top:8px;left:86px;width:calc(100% - 86px);font-size:clamp(32px,9vw,54px)}.app-panel{border-radius:12px}.upload-panel:before,.result-panel:before,.error-panel:before{left:50%}.upload-panel:after,.result-panel:after,.error-panel:after{top:50%}.upload-panel{background:var(--panel)}.primary-action,.complete .primary-action{top:calc(var(--panel-y) + 116px);left:50%;width:220px;height:70px;min-width:0;min-height:0;transform:translate(-50%);font-size:16px}.primary-action:hover:not(:disabled),.dragover .primary-action{transform:translate(-50%)}.progress-panel:after{left:68%}.processing-status{top:20px;left:20px;font-size:14px}.cancel-action{top:18px;right:18px;min-width:92px;height:36px;padding:0 14px;font-size:12px}.background-warning{top:48px;left:20px;right:20px;font-size:16px}.result-warning{top:48px;left:20px;right:20px;font-size:16px}.progress-counter{left:20px;right:20px;top:114px;width:auto}.progress-counter strong{grid-template-columns:64px 82px 120px;column-gap:16px}.progress-counter strong span{font-size:clamp(76px,28vw,126px);letter-spacing:-.06em}.progress-counter strong:before{top:58px;left:88px;width:72px;height:2px}.diagnostics-meta{top:82px;left:auto;right:16px;grid-template-columns:54px 80px;column-gap:12px;row-gap:8px;font-size:10px}.result-diagnostics{grid-template-columns:80px;row-gap:8px}.loader-star{width:54px;height:54px}.corner-log{right:16px;bottom:18px;width:min(250px,calc(100% - 32px));max-height:92px;padding-top:24px;font-size:9px}.copy-log-action{width:20px;height:20px}.copy-log-action svg{width:15px;height:15px}.corner-log p{margin-bottom:4px;font-size:10px}.result-summary>strong{left:20px;top:134px;font-size:clamp(86px,30vw,128px)}.result-pages{left:250px;top:216px;width:104px;font-size:11px}.error-panel{padding:32px 24px}.error-panel p{font-size:clamp(34px,10vw,56px)}.error-panel span{margin-top:18px;font-size:16px}.story-section{position:relative;top:620px;left:24px;right:auto;width:calc(100% - 48px);grid-template-columns:1fr;gap:24px;padding-top:36px}.story-section p,.tech-copy p{font-size:14px;line-height:1.45}.tech-section{position:relative;top:700px;left:24px;right:auto;width:calc(100% - 48px);grid-template-columns:1fr;gap:16px;padding-top:36px}.tech-copy h2{width:100%;margin-bottom:28px;font-size:clamp(34px,10vw,56px)}.feature-card{height:auto;min-height:260px;border-radius:12px}.feature-card h3{height:64px;padding:24px 20px 0;font-size:12px}.feature-card dl div{grid-template-columns:34px 1fr auto;min-height:64px;padding:0 20px;gap:14px}.feature-icon{width:34px;height:34px;border-radius:8px}.feature-card dt,.feature-card dd{font-size:10px}}