.ic{display:inline-block;width:24px;height:24px;background:url(/resources/images/ai-image-upscaler-ai-image-upscaler-4k/ic-24px.svg) no-repeat;margin-right:8px}.codex-upscaler,.codex-upscaler *{box-sizing:border-box}.codex-upscaler{color:#0f0f0f;font-family:Roboto,Arial,sans-serif;overflow:hidden}.codex-upscaler img{display:block}.codex-container{margin:0 auto;width:1280px}.gradient-text{background:linear-gradient(90deg, #3baaff 0%, #5b5fff 54.29%, rgba(87,87,255,0.96) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.codex-upscaler h2{font-size:40px;font-weight:800;line-height:56px}.banner{text-align:center;padding:144px 0 104px;background:linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,0) 100%),linear-gradient(270deg, #f3f4ff 0%, #f4faff 100%)}.banner h1{margin:0 auto;line-height:1.2}.banner .tt-des{margin:16px auto 60px;max-width:1106px}.banner .cnt{display:flex;gap:40px}.banner .img-x{border-radius:24px;width:596px;flex-shrink:0;padding:20px;background:linear-gradient(270deg, #FFEFE1 0%, #FFF3E2 100%);box-sizing:border-box;border:2px solid #FFFFFF}.banner .img-x .image-compare{position:relative;overflow:hidden}.banner .img-x .after{position:absolute;width:100%;height:100%;top:0;left:0;clip-path:polygon(0 0, 50% 0, 50% 100%, 0 100%)}.banner .img-x .control{position:absolute;width:calc(100% - 7px);height:calc(100% - 7px);left:50%;top:0;background:linear-gradient(90deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);border-width:0px 0px 0px 1px;border-style:solid;border-color:#ffffff;cursor:pointer}.banner .img-x .control:before{content:"";width:32px;height:32px;background:url(/resource/images/background-remover_index/24px-arrow.svg) no-repeat center / cover;position:absolute;bottom:40px;left:-16px}.banner [data-box="dropzone"]{gap:0px}.banner .rt-x{position:relative;border-radius:16px;background:url(/resource/images/background-remover_index/trans.png) no-repeat center / cover,#ffffff;padding-top:114px;padding-bottom:30px;text-align:center;width:560px}.banner .rt-x .btn-lg{margin-bottom:16px;height:72px;line-height:72px}.banner .rt-x .p-more{font-size:14px;margin-bottom:40px}.banner .rt-x .select-img{display:flex;align-items:center;margin-top:8px;justify-content:center;gap:8px}.banner .rt-x .select-img img{border-radius:8px}.banner .rt-x .select-img img:hover{transform:scale(1.1)}@media (max-width:1023px){.banner .img-x .control{touch-action:none;cursor:ew-resize}}@media (max-width:992px){.banner .cnt{flex-direction:column;align-items:center}.banner .img-x,.banner .rt-x{width:100%;max-width:600px}}.codex-hero{background:linear-gradient(180deg, #fff 0%, rgba(255,255,255,0) 100%),linear-gradient(270deg, #f3f4ff 0%, #f4faff 100%);height:828px;padding-top:152px}.hero-copy{height:176px;text-align:center}.hero-copy h1{font-size:56px;font-weight:800;line-height:64px}.hero-copy p{font-size:16px;line-height:24px;margin-top:16px}.hero-workspace{align-items:center;display:flex;gap:40px;height:360px;margin-top:60px;padding:0 40px}.compare-card{background:linear-gradient(215.27deg, #d4eeff 0%, #fff8f2 99.06%);border-radius:24px;flex:0 0 600px;height:360px;overflow:hidden;position:relative}.compare-main{border-radius:16px;height:320px;left:20px;object-fit:cover;position:absolute;top:20px;width:560px}.compare-before{border-radius:16px 0 0 16px;height:320px;left:20px;overflow:hidden;position:absolute;top:20px;width:266px}.compare-before img{height:320px;object-fit:cover;width:266px}.compare-line{background:#fff;height:319px;left:286px;position:absolute;top:21px;width:2px}.compare-handle{height:44px;left:264px;position:absolute;top:262px;width:44px;z-index:2}.upload-card{align-items:center;background:#fff;border:3px solid #fff;border-radius:24px;box-shadow:0 4px 40px rgba(0,3,56,0.2);display:flex;flex:0 0 560px;flex-direction:column;height:360px;justify-content:flex-end;padding:48px 0;position:relative;overflow:hidden}.upload-card::before{background:url(/resources/images/solutions-codex-test/upload-pattern.png) repeat;background-size:160px 160px;content:"";inset:0;opacity:.05;pointer-events:none;position:absolute}.upload-card>*{position:relative;z-index:1}.pill-btn{align-items:center;background:#6051ff;border:0;border-radius:60px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;height:56px;justify-content:center;line-height:24px;min-width:300px;padding:0 40px;text-decoration:none}.pill-btn:hover{opacity:.7}.upload-btn{cursor:pointer;font-size:20px;height:72px;line-height:28px}.upload-mark{font-size:26px;margin-right:8px;transform:translateY(-2px)}.upload-card>strong{font-size:14px;line-height:20px;margin-top:16px}.sample-label{font-size:12px;line-height:16px;margin-top:24px}.sample-label span{color:#5d5d63}.sample-list{display:flex;gap:8px;margin-top:8px}.sample-list button{background:none;border:1px solid #ededf1;border-radius:8px;cursor:pointer;height:36px;overflow:hidden;padding:0;width:36px}.sample-list img{height:100%;object-fit:cover;width:100%}.benefits{background:#fff;height:544px;padding:120px 0}.benefits h2{text-align:center}.benefit-grid{display:grid;gap:32px;grid-template-columns:repeat(4, 296px);margin-top:80px}.benefit-grid article{height:168px}.benefit-grid img{height:48px;width:48px}.benefit-grid h3{font-size:20px;font-weight:700;line-height:28px;margin-top:16px}.benefit-grid p{color:#28282b;font-size:14px;line-height:20px;margin-top:16px}.quality-loss{background:linear-gradient(90deg, #f6fbff 0%, #f7f7ff 100%);height:692px;padding-top:120px}.quality-heading{height:96px;text-align:center}.quality-heading p{color:#28282b;font-size:16px;line-height:24px;margin-top:16px}.cause-grid{display:grid;gap:12px;grid-template-columns:repeat(6, 213px);margin:60px auto 0;width:1342px}.cause-grid article{border-radius:12.806px;border:1.067px solid #EDEDF1;background:#FFF;height:200px;padding:8px;text-align:center}.cause-grid img{height:128px;width:197px}.cause-grid h3{align-items:center;display:flex;font-size:16px;padding:19px 0;justify-content:center;line-height:24px}.quality-note{color:#5D5D63;font-size:14px;height:72px;line-height:20px;margin:24px auto 0;padding:16px 24px;text-align:center}.use-cases{background:#fff;height:2200px;padding:120px 0}.use-case-row{align-items:center;display:flex;gap:80px;height:400px;margin:0 auto;width:1281px}.use-case-row+.use-case-row{margin-top:120px}.use-case-row.reverse{flex-direction:row-reverse}.use-visual,.archive-visual{border-radius:16px;flex:0 0 600px;height:400px;overflow:hidden}.use-visual{object-fit:contain;width:600px}.use-copy{flex:0 0 601px}.use-copy h2{font-size:32px;font-weight:700;line-height:40px}.use-copy p{color:#28282b;font-size:16px;line-height:24px;margin-top:16px}.use-copy ul{color:#28282b;font-size:16px;line-height:24px;list-style:none;margin-top:16px;padding-left:16px}.use-copy li{position:relative;list-style:auto}.use-copy .pill-btn{margin-top:24px}.archive-visual{position:relative}.archive-visual>img:first-child{height:400px;object-fit:cover;width:600px}.archive-visual>div{height:400px;left:0;overflow:hidden;position:absolute;top:0;width:303px}.archive-visual>div img{height:400px;object-fit:cover;width:303px}.archive-visual>span{background:#fff;height:400px;left:302px;position:absolute;top:0;width:2px}.archive-visual .compare-handle{left:280px;top:276px}.steps-slick .slick-img{width:800px}.from{padding:120px 0}.from h2{text-align:center;max-width:994px;margin:0 auto;padding-bottom:80px}.from .steps{padding:60px 0;display:flex;align-items:center;justify-content:center}.from .steps-text{width:580px;padding:16px 36px 16px 16px;background:#F9FAFD}.from .steps-text li{padding:16px}.from .steps-text li:not(:first-child){margin-top:0px}.from .steps-text .txt{max-width:100% !important}.from .steps-text .txt h5{color:var(--tertiary-font-color)}.from .steps-text .txt h5 strong{color:var(--theme-color)}.from .steps-text .txt .des{color:var(--secondary-font-color);line-height:22px;margin:16px 0 0}.from .steps-img{width:720px}@media (max-width:991px){.from{padding:0 0 120px}.from .steps{flex-direction:column-reverse}.from .steps-text{width:100%;max-width:600px;margin-right:0}.from .steps-text li{padding:16px 0}.from .steps-img{width:100%}}.how-it-works{background:#fff;height:936px;padding-top:120px}.how-it-works>h2{text-align:center}.how-layout{display:flex;height:560px;margin-top:80px}.steps{flex:0 0 500px;height:454px;margin-top:53px;padding:16px}.steps article{height:148px;padding:16px;position:relative}.steps article:first-child{height:174px}.steps article:last-child{height:100px}.steps article.active{background:#fff;border-radius:16px;box-shadow:0 18px 40px rgba(26,32,67,0.08)}.steps h3{font-size:20px;font-weight:700;line-height:28px}.steps p{color:#28282b;font-size:16px;line-height:24px;margin-top:16px;max-width:412px}.steps article>span{background:linear-gradient(90deg, #6051ff 0 61.31%, #d8d7ff 61.31% 100%);bottom:16px;height:2px;left:16px;position:absolute;width:305px}.how-visual{border-radius:16px;height:560px;object-fit:cover;width:800px}.more-tools{background:linear-gradient(90deg, #f6fbff 0%, #f7f7ff 100%);height:728px;padding-top:120px}.more-tools>h2{text-align:center}.tool-grid{display:grid;gap:24px 12px;grid-template-columns:repeat(4, 311px);margin-top:80px}.tool-grid a{background:#fff;border:1px solid #ededf1;border-radius:16px;height:204px;padding:24px;color:#000;transition:all .3s}.tool-grid a:hover{transform:translateY(-10px)}.tool-grid a:hover h3{color:#6051ff}.tool-grid img{height:40px;width:40px}.tool-grid h3{font-size:20px;font-weight:700;line-height:28px;margin-top:16px}.tool-grid p{color:#28282b;font-size:14px;line-height:20px;margin-top:12px}.faq-section{background:#fff;height:1168px;padding-top:120px}.faq-section>h2{text-align:center}.faq-list{margin:80px auto 0;width:1000px}.faq-list article{border-bottom:1px solid #ededf1;height:72px;padding-bottom:40px}.faq-list article+article{margin-top:40px}.faq-list article.open{height:120px}.faq-list button{align-items:flex-start;background:none;border:0;color:#0f0f0f;cursor:pointer;display:flex;font:inherit;font-size:24px;font-weight:700;justify-content:space-between;line-height:32px;padding:0;text-align:left;width:100%}.faq-list article.open button{color:#6051ff}.faq-list button img{flex:0 0 32px;height:32px;width:32px}.faq-list p{color:#28282b;display:none;font-size:16px;line-height:24px;margin-top:24px}.faq-list article.open p{display:block}.final-cta{background:linear-gradient(90deg, #f6fbff 0%, #f7f7ff 100%);height:640px;padding:120px 0}.final-layout{align-items:center;display:flex;gap:80px;height:400px}.final-copy{flex:0 0 600px}.final-copy h2{font-size:50px;line-height:64px;text-align:left}.final-copy>p{font-size:20px;line-height:28px;margin-top:16px}.final-copy .large{font-size:20px;height:72px;line-height:28px;margin-top:60px}.final-copy ul{display:flex;gap:40px;list-style:none;margin-top:24px;padding:0}.final-copy li{color:#5d5d63;font-size:14px;line-height:20px;padding-left:24px;position:relative}.final-copy li::before{background:url(/resources/images/solutions-codex-test/check-icon.svg) center / 16px 16px no-repeat;content:"";height:16px;left:0;position:absolute;top:2px;width:16px}.final-visual{height:400px;object-fit:contain;width:600px}@media (max-width:1365px){.codex-container{width:calc(100% - 48px);max-width:1280px}.hero-workspace{padding:0}.compare-card{flex:1 1 600px}.upload-card{flex:1 1 560px}.cause-grid{gap:10px;grid-template-columns:repeat(3, 213px);justify-content:center;width:100%}.quality-loss{height:auto;padding-bottom:100px}.quality-note{height:auto;max-width:calc(100% - 48px);width:1200px}.use-case-row{max-width:calc(100% - 48px);width:1281px}.use-visual,.archive-visual{flex-basis:48%;width:48%}.use-copy{flex:1 1 0}}@media (max-width:991px){.footer .footer-nav{min-width:0}.codex-upscaler section{height:auto}.codex-upscaler h2,.final-copy h2{font-size:34px;line-height:44px}.codex-hero{padding:120px 0 72px}.hero-copy{height:auto}.hero-copy h1{font-size:42px;line-height:52px}.hero-workspace{flex-direction:column;height:auto}.compare-card,.upload-card{flex:none;max-width:600px;width:100%}.benefits,.quality-loss,.use-cases,.how-it-works,.more-tools,.faq-section,.final-cta{padding:80px 0}.benefit-grid{grid-template-columns:repeat(2, 1fr)}.benefit-grid article{height:auto}.cause-grid{grid-template-columns:repeat(2, 213px)}.use-case-row,.use-case-row.reverse{flex-direction:column;height:auto}.use-case-row+.use-case-row{margin-top:80px}.use-visual,.archive-visual{flex:none;max-width:600px;width:100%}.use-copy{flex:none;width:100%}.how-layout,.final-layout{flex-direction:column;height:auto}.steps{flex:none;margin:0;width:100%}.how-visual{height:auto;max-width:800px;width:100%}.tool-grid{grid-template-columns:repeat(2, 1fr)}.faq-list{max-width:calc(100% - 48px);width:1000px}.faq-list article,.faq-list article.open{height:auto;min-height:72px}.final-copy{flex:none;width:100%}.final-visual{max-width:600px;width:100%}}@media (max-width:640px){.codex-container{width:calc(100% - 32px)}.hero-copy h1{font-size:34px;line-height:42px}.hero-copy p{padding:0 12px}.compare-card{height:58vw}.compare-main{height:calc(100% - 32px);left:16px;top:16px;width:calc(100% - 32px)}.compare-before{height:calc(100% - 32px);left:16px;top:16px;width:44%}.compare-before img{height:100%;width:100%}.compare-line{height:calc(100% - 32px);left:calc(44% + 16px);top:16px}.compare-card .compare-handle{left:calc(44% - 5px);top:68%}.upload-card{height:340px}.benefit-grid,.tool-grid{grid-template-columns:1fr}.cause-grid{grid-template-columns:213px}.quality-note{max-width:calc(100% - 32px)}.use-copy h2{font-size:28px;line-height:36px}.use-visual,.archive-visual{height:auto;min-height:260px}.archive-visual>img:first-child,.archive-visual>div{height:100%}.archive-visual>div img{height:100%}.faq-list{max-width:calc(100% - 32px)}.faq-list button{font-size:18px;line-height:26px}.final-copy ul{flex-wrap:wrap;gap:12px 24px}.pill-btn{min-width:0;width:100%}}