*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:radial-gradient(circle at top,#f7791614,#0000 28%),linear-gradient(#070a0d 0%,#090d11 100%);min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #f7791666}.app{min-height:100vh;padding:28px 20px 42px}.container{width:min(1220px,100%);margin:0 auto}.topHeader{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:10px 0 30px;display:flex}.mainLogo{object-fit:contain;width:min(520px,58vw);height:auto;display:block}.headerContact{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 26px;display:flex}.headerContact a{color:#c5cbd2;font-size:14px;font-weight:700;transition:color .18s,transform .18s}.headerContact a:hover{color:#f77916;transform:translateY(-1px)}.hero{text-align:center;padding:18px 0 42px}.eyebrow{color:#f77916;letter-spacing:.14em;margin:0 0 18px;font-size:13px;font-weight:900}.hero h1{color:#fff;letter-spacing:-.055em;text-align:center;max-width:1000px;margin:0 auto;font-size:clamp(50px,6.2vw,84px);font-weight:950;line-height:1.02}.titleLine{color:#fff;display:block}.titleLine strong{color:#f77916;font-weight:950}.intro{color:#aab2bc;max-width:760px;margin:24px auto 0;font-size:18px;line-height:1.65}.uploadArea{background:linear-gradient(#ffffff08,#ffffff03);border:1px dashed #49525d;border-radius:18px;width:min(700px,100%);margin:38px auto 0;padding:38px 28px;box-shadow:0 24px 60px #00000047,inset 0 1px #ffffff06}.uploadIcon{color:#f77916;margin-bottom:14px;font-size:54px;font-weight:300;line-height:1}.uploadButton{color:#fff;letter-spacing:.03em;cursor:pointer;background:linear-gradient(#ff861f 0%,#f36d05 100%);border-radius:12px;min-width:260px;min-height:58px;padding:0 30px;font-size:17px;font-weight:900;transition:transform .18s,box-shadow .18s;box-shadow:0 14px 34px #f7791640}.uploadButton:hover{transform:translateY(-2px);box-shadow:0 18px 42px #f7791657}.uploadArea p{color:#d1d6db;letter-spacing:.08em;margin:16px 0 5px;font-size:14px;font-weight:800}.uploadArea small{color:#7d8792;font-size:13px}.comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:10px;display:grid}.imageCard{background:#13181d;border:1px solid #2f3740;border-radius:16px;overflow:hidden;box-shadow:0 22px 60px #00000040}.cardHeader{color:#d9dde1;text-align:center;letter-spacing:.12em;background:#1a2026;border-bottom:1px solid #2f3740;padding:16px 18px;font-size:12px;font-weight:900}.imageViewport{background:#0d1115;justify-content:center;align-items:center;min-height:470px;padding:18px;display:flex;position:relative;overflow:hidden}.imageViewport img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:560px;display:block}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#dedede 25%,#0000 25%),linear-gradient(-45deg,#dedede 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dedede 75%),linear-gradient(-45deg,#0000 75%,#dedede 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.processing{z-index:3;text-align:center;color:#fff;background:#070a0df0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex;position:absolute;inset:0}.processing strong{font-size:19px}.processing span{color:#aab2bc;max-width:390px;font-size:13px;line-height:1.55}.processing small{color:#f77916;font-weight:900}.spinner{border:4px solid #ffffff1a;border-top-color:#f77916;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progressBar{background:#ffffff17;border-radius:999px;width:min(360px,90%);height:7px;overflow:hidden}.progressFill{border-radius:inherit;background:#f77916;height:100%;transition:width .25s}.emptyResult{color:#656d77;background:#ffffffd9;border-radius:10px;padding:14px 18px;font-size:14px}.status{border-radius:11px;align-items:center;gap:10px;margin-top:18px;padding:16px 18px;font-size:14px;font-weight:700;display:flex}.status.success{color:#b9efd0;background:#1570373d;border:1px solid #1e743f}.status.error{color:#f2bbb2;background:#913d2b2e;border:1px solid #7b392d}.statusCheck{color:#082412;background:#2bc66c;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-weight:950;display:inline-flex}.actions{grid-template-columns:1fr 1.2fr;gap:16px;margin-top:18px;display:grid}.secondaryButton,.downloadButton,.sendOpenButton,.sendButton{letter-spacing:.025em;cursor:pointer;border-radius:11px;min-height:58px;padding:0 24px;font-size:15px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s}.secondaryButton{color:#fff;background:#11171c;border:1px solid #3c4550}.downloadButton,.sendOpenButton,.sendButton{color:#fff;background:linear-gradient(#ff861f 0%,#f36d05 100%);box-shadow:0 14px 30px #f7791638}.secondaryButton:hover,.downloadButton:hover,.sendOpenButton:hover,.sendButton:hover:not(:disabled){transform:translateY(-1px)}.downloadButton:hover,.sendOpenButton:hover,.sendButton:hover:not(:disabled){box-shadow:0 18px 35px #f779164d}.sendSection{background:linear-gradient(#ffffff09,#ffffff04);border:1px solid #2f3740;border-radius:17px;margin-top:28px;padding:34px}.sendIntro{text-align:center}.sendIntro h2{color:#f77916;letter-spacing:.08em;margin:0;font-size:23px}.sendIntro p{color:#aeb5bf;max-width:720px;margin:10px auto 0;font-size:15px;line-height:1.6}.sendOpenButton{width:min(460px,100%);margin:26px auto 0;display:block}.clientForm{background:#0000002e;border:1px solid #343c46;border-radius:14px;margin-top:28px;padding:26px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.formGrid label{flex-direction:column;gap:8px;display:flex}.formGrid label span{color:#d9dde2;font-size:13px;font-weight:800}.fullField{grid-column:1/-1}.formGrid input,.formGrid textarea{color:#fff;background:#0b1014;border:1px solid #39424d;border-radius:10px;width:100%;transition:border-color .18s,background .18s}.formGrid input{height:50px;padding:0 14px}.formGrid textarea{resize:vertical;min-height:110px;padding:13px 14px}.formGrid input::placeholder,.formGrid textarea::placeholder{color:#69727d}.formGrid input:focus,.formGrid textarea:focus{background:#0e1419;border-color:#f77916;outline:none}.sendButton{width:min(460px,100%);margin:24px auto 0;display:block}.sendButton:disabled{opacity:.55;cursor:wait}.sendStatus{color:#f1b9b0;text-align:center;background:#913d2b2e;border:1px solid #7b392d;border-radius:10px;margin-top:16px;padding:13px 15px;font-size:13px;font-weight:700}.sendStatus.ok{color:#b9efd0;background:#1570373d;border-color:#1e743f}.contactBox{background:#00000029;border:1px solid #343c46;border-radius:12px;grid-template-columns:1fr 1fr;margin-top:26px;display:grid;overflow:hidden}.contactBox a{color:#eceff2;justify-content:center;align-items:center;gap:12px;min-height:68px;font-size:16px;font-weight:800;transition:color .18s,background .18s;display:flex}.contactBox a+a{border-left:1px solid #343c46}.contactBox a:hover{color:#f77916;background:#ffffff06}.contactIcon{border:1px solid #555f69;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:inline-flex}.benefits{background:#ffffff05;border:1px solid #2b333c;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px;display:grid;overflow:hidden}.benefits article{align-items:flex-start;gap:14px;min-height:170px;padding:30px;display:flex}.benefits article+article{border-left:1px solid #2b333c}.benefitIcon{color:#f77916;border:2px solid #f77916;border-radius:50%;flex:none;justify-content:center;align-items:center;width:50px;height:50px;font-size:25px;font-weight:900;display:inline-flex}.benefits strong{color:#f77916;letter-spacing:.035em;margin-bottom:7px;font-size:15px;display:block}.benefits p{color:#929ba5;margin:0;font-size:14px;line-height:1.6}.footer{border-top:1px solid #f77916b3;justify-content:space-between;align-items:center;gap:28px;margin-top:32px;padding:26px 6px 0;display:flex}.footer img{width:220px;height:auto}.footer p{color:#727b84;margin:0;font-size:12px}@media (width<=900px){.app{padding:22px 16px 34px}.mainLogo{width:min(430px,72vw)}.hero h1{font-size:clamp(48px,8vw,68px)}.comparison{grid-template-columns:1fr}.imageViewport{min-height:390px}.benefits{grid-template-columns:1fr}.benefits article{min-height:auto}.benefits article+article{border-top:1px solid #2b333c;border-left:0}}@media (width<=640px){.app{padding:14px 12px 24px}.topHeader{gap:14px;padding-bottom:22px}.mainLogo{width:min(380px,92vw)}.headerContact{gap:8px 16px}.headerContact a{font-size:13px}.hero{padding:28px 0}.eyebrow{margin-bottom:14px;font-size:10px;line-height:1.4}.hero h1{font-size:clamp(38px,11vw,52px);line-height:1.04}.titleLine{text-align:center;width:100%;display:block}.intro{margin-top:18px;font-size:14px;line-height:1.55}.intro br{display:none}.uploadArea{border-radius:15px;margin-top:28px;padding:30px 18px}.uploadIcon{font-size:44px}.uploadButton{width:100%;min-width:0;min-height:58px;font-size:16px}.comparison{gap:14px}.imageCard{border-radius:13px}.cardHeader{padding:13px 12px;font-size:11px}.imageViewport{min-height:300px;padding:10px}.imageViewport img{max-height:430px}.status{margin-top:14px;font-size:13px}.actions{grid-template-columns:1fr;gap:10px;margin-top:14px}.secondaryButton,.downloadButton{width:100%;min-height:60px;font-size:14px}.downloadButton{grid-row:1}.secondaryButton{grid-row:2}.sendSection{margin-top:20px;padding:24px 15px}.sendIntro h2{font-size:19px}.sendIntro p{font-size:13px}.sendOpenButton{min-height:60px;font-size:14px}.clientForm{margin-top:20px;padding:16px}.formGrid{grid-template-columns:1fr;gap:14px}.fullField{grid-column:auto}.formGrid input{height:52px;font-size:16px}.formGrid textarea{min-height:110px;font-size:16px}.sendButton{width:100%;min-height:60px;font-size:14px}.contactBox{grid-template-columns:1fr}.contactBox a{justify-content:flex-start;min-height:60px;padding:0 18px;font-size:15px}.contactBox a+a{border-top:1px solid #343c46;border-left:0}.benefits{margin-top:20px}.benefits article{padding:20px 18px}.benefitIcon{width:44px;height:44px;font-size:22px}.footer{text-align:center;flex-direction:column;gap:12px;padding-top:22px}.footer img{width:190px}}@media (width<=390px){.hero h1{font-size:36px}.imageViewport{min-height:260px}.sendSection{padding:20px 12px}.clientForm{padding:13px}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}