:root{--ink:#10203b;--muted:#647087;--blue:#1376f8;--cyan:#16c5d8;--pale:#f4f8ff;--line:#dfe7f2;--green:#0da87a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.nav{height:78px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:850;letter-spacing:-.4px}.brand-icon{width:34px;height:34px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,var(--blue),var(--cyan));border-radius:10px;box-shadow:0 8px 20px #1477f840}.nav nav{display:flex;gap:30px;font-size:14px;color:#526078}.nav nav a:hover{color:var(--blue)}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.language{border:0;background:transparent;color:#526078;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;font-weight:750;border:1px solid transparent;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #126ee32b}.button.small{padding:10px 17px;background:#edf5ff;color:var(--blue);font-size:13px}.button.primary{padding:15px 23px;color:white;background:linear-gradient(135deg,#1478fa,#0e66ed)}.button.outline{padding:14px 22px;border-color:#cbd7e8;color:var(--blue)}.button.white{padding:15px 22px;background:white;color:var(--blue)}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:50px;padding-top:35px;padding-bottom:70px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#1673ea;background:#edf6ff;border-radius:30px;padding:8px 13px;font-weight:700;font-size:12px}.eyebrow span:first-child{color:#0cc1b4;font-size:10px}.hero h1{font-size:58px;line-height:1.08;letter-spacing:-3.5px;margin:22px 0}.hero h1 em{display:block;font-style:normal;color:var(--blue)}.hero-copy>p{font-size:18px;line-height:1.75;color:var(--muted);max-width:570px}.hero-actions{display:flex;align-items:center;gap:17px;margin:30px 0}.meta{font-size:12px;color:#8490a3}.trust{display:flex;flex-wrap:wrap;gap:19px;color:var(--green);font-size:12px}.trust b{color:#57657a}.app-window{position:relative;background:white;border:1px solid #d9e4f2;border-radius:20px;box-shadow:0 35px 80px #31547e26;overflow:visible;transform:perspective(1000px) rotateY(-2deg)}.window-bar{height:40px;display:flex;align-items:center;border-bottom:1px solid #e6ecf4;padding:0 14px;font-size:11px;color:#6c7890}.window-bar div{display:flex;gap:6px}.window-bar i{width:8px;height:8px;border-radius:50%;background:#d8e0ea}.window-bar span{margin:auto}.app-body{display:grid;grid-template-columns:64px 1fr;height:390px;background:linear-gradient(150deg,#f6f9ff,#eff8ff)}.app-body aside{padding-top:22px;display:flex;flex-direction:column;align-items:center;gap:25px;border-right:1px solid #e3eaf4}.app-body aside b{width:30px;height:30px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,var(--blue),var(--cyan));border-radius:9px}.app-body aside span{width:24px;height:5px;border-radius:5px;background:#ccd7e6}.app-content{text-align:center;padding:28px 36px}.app-content>small{color:var(--blue);font-weight:750}.app-content h2{font-size:27px;margin:8px 0 15px}.drop{height:205px;border:1.5px dashed #b5c8df;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#ffffffaa}.drop div{font-size:22px;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--blue),var(--cyan))}.drop span{font-size:11px;color:#8490a3}.drop button{border:0;border-radius:9px;background:var(--blue);color:white;padding:9px 14px;font-weight:700}.dock{height:54px;display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding:8px 12px;border-radius:14px;background:white;box-shadow:0 8px 25px #174b8620;font-size:11px;color:#7e899b}.dock b{background:#eaf3ff;color:var(--blue);padding:8px;border-radius:7px}.dock button{border:0;background:#dce3ed;color:#7d8795;border-radius:9px;padding:10px 13px}.saving-card{position:absolute;right:-23px;bottom:28px;background:white;border-radius:13px;padding:14px 18px;box-shadow:0 16px 35px #234b7c2e;display:flex;flex-direction:column}.saving-card b{font-size:25px;color:#0ca174}.saving-card span{font-size:10px;color:#748198}.proof{background:#f4f8fd;border-top:1px solid #e5edf7;border-bottom:1px solid #e5edf7}.proof-grid{min-height:115px;display:flex;align-items:center;gap:32px}.proof-grid div:not(.proof-copy){display:flex;flex-direction:column}.proof-grid b{font-size:25px}.proof-grid .blue{color:var(--blue)}.proof-grid span{font-size:11px;color:#8490a3}.proof-grid i{font-style:normal;color:#9aa7b8}.proof-copy{border-left:1px solid #d8e2ef;padding-left:35px;display:flex;flex-direction:column;gap:5px}.proof-copy strong{font-size:14px}.section{padding-top:100px;padding-bottom:100px}.section-head{text-align:center;margin-bottom:45px}.section-head>span{color:var(--blue);font-size:11px;font-weight:850;letter-spacing:1.5px}.section-head h2{font-size:37px;letter-spacing:-1.5px;margin:10px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{padding:29px;border:1px solid var(--line);border-radius:17px;background:#fff;transition:.2s}.cards article:hover{transform:translateY(-4px);box-shadow:0 20px 40px #244d7b12;border-color:#bdd4f4}.cards i{display:grid;place-items:center;width:42px;height:42px;font-style:normal;border-radius:11px;background:#edf6ff;color:var(--blue);font-size:20px}.cards h3{margin:20px 0 8px;font-size:18px}.cards p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.pricing{background:linear-gradient(160deg,#f4f8ff,#f8fbff)}.price-grid{width:min(780px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.price-grid article{position:relative;padding:35px;border:1px solid var(--line);border-radius:20px;background:white}.price-grid .featured{border:2px solid var(--blue);box-shadow:0 25px 55px #126ee31d}.popular{position:absolute;right:18px;top:18px;background:#e9f3ff;color:var(--blue);border-radius:20px;padding:6px 10px;font-size:9px;font-weight:850}.price{display:flex;align-items:baseline;gap:9px;margin:18px 0}.price b{font-size:42px}.price span{color:var(--muted);font-size:12px}.price-grid ul{list-style:none;padding:0;margin:25px 0}.price-grid li{padding:8px 0;font-size:14px}.price-grid li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}.price-grid .button{width:100%}.faq{max-width:820px}.faq details{border-bottom:1px solid var(--line);padding:20px 4px}.faq summary{font-weight:750;cursor:pointer}.faq details p{color:var(--muted);line-height:1.7;font-size:14px}.cta{background:linear-gradient(130deg,#126ff3,#04a9dd);color:#fff}.cta .shell{min-height:190px;display:flex;align-items:center;justify-content:space-between}.cta span{font-size:12px;opacity:.8}.cta h2{font-size:32px;margin:8px 0}.footer{height:105px;display:flex;align-items:center;gap:30px;color:#738096;font-size:12px}.footer>span{margin:auto}.footer div{display:flex;gap:20px}.legal{max-width:780px;padding:70px 0 110px}.legal>span{color:var(--blue);font-weight:800;letter-spacing:2px;font-size:11px}.legal h1{font-size:44px;margin:12px 0}.legal h2{margin-top:35px}.legal p{line-height:1.8;color:var(--muted)}.legal a{color:var(--blue)}@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero h1{font-size:45px}.app-window{transform:none}.cards{grid-template-columns:1fr 1fr}.proof-grid{flex-wrap:wrap;padding:25px 0}.price-grid{grid-template-columns:1fr}.cta .shell{padding:35px 0;flex-direction:column;align-items:flex-start;gap:20px}}@media(max-width:560px){.shell{width:min(100% - 26px,1160px)}.nav{height:68px}.brand{font-size:16px}.language{display:none}.hero{padding-top:35px}.hero h1{font-size:38px;letter-spacing:-2px}.hero-actions{align-items:flex-start;flex-direction:column}.trust{gap:10px}.app-window{display:none}.cards{grid-template-columns:1fr}.section{padding-top:70px;padding-bottom:70px}.section-head h2{font-size:29px}.cta h2{font-size:27px}.footer{height:auto;padding:35px 0;flex-wrap:wrap}.footer>span{margin:0 0 0 auto}}

/* BatchImage queue preview and workflow steps. */
.window-bar b{margin-left:auto;padding:5px 9px;border-radius:20px;background:#e9f8f1;color:#16815d;font-size:10px;font-weight:700}
.mock-body{display:grid;grid-template-columns:76px 1fr;min-height:365px;background:linear-gradient(145deg,#f7f9ff,#f0f7ff);border-radius:0 0 19px 19px;overflow:hidden}
.mock-sidebar{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 7px;border-right:1px solid #e2e9f3;color:#8a96a8;font-size:10px}
.mock-sidebar b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(145deg,var(--blue),var(--cyan));font-size:19px}
.mock-sidebar span{padding:6px 9px;border-radius:7px}.mock-sidebar .selected{color:var(--blue);background:#e7f1ff;font-weight:750}
.mock-content{padding:21px 22px}.mock-heading{display:flex;align-items:center;justify-content:space-between}.mock-heading small{color:var(--blue);font-size:10px;font-weight:700}.mock-heading h2{margin:3px 0 13px;font-size:20px}.count{padding:6px 9px;border-radius:20px;background:#fff;color:#627087;font-size:10px}
.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.thumb{height:68px;border-radius:9px;background:#dce5ef}.thumb-one{background:linear-gradient(155deg,#83b7d7 0 34%,#ded6a5 35% 57%,#62846a 58%)}.thumb-two{background:linear-gradient(25deg,#d09a62 0 30%,#f4d696 31% 58%,#7495a2 59%)}.thumb-three{background:linear-gradient(160deg,#a2c7d1 0 40%,#677e54 41% 63%,#e1b779 64%)}.thumb-four{background:linear-gradient(130deg,#dba68e 0 39%,#f0d4b5 40% 62%,#728b8a 63%)}.thumb-five{background:linear-gradient(20deg,#68888c 0 30%,#c8d4b4 31% 55%,#e0b883 56%)}.thumb-six{background:linear-gradient(150deg,#92b6c2 0 38%,#f0d8a6 39% 59%,#727c5d 60%)}
.mock-options{display:flex;justify-content:space-between;gap:8px;margin:14px 0;color:#7c8798;font-size:9px}.mock-options span{display:flex;flex-direction:column;gap:4px}.mock-options b{color:#33445d;font-size:10px}
.mock-progress>div{display:flex;justify-content:space-between;font-size:10px;color:#637187}.mock-progress>div b{color:var(--blue)}.mock-progress>i{display:block;height:6px;margin-top:6px;border-radius:9px;background:#dbe6f2;overflow:hidden}.mock-progress>i span{display:block;width:66%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.mock-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #e0e8f1;color:#68758a;font-size:10px}.mock-footer button{border:0;border-radius:8px;padding:8px 10px;color:#fff;background:var(--blue);font-size:10px;font-weight:700}
.how{background:#f7f9fc}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{padding:25px 27px;border-left:2px solid #d8e7f8}.steps article>b{color:var(--blue);font-size:12px;letter-spacing:1px}.steps h3{margin:12px 0 6px;font-size:18px}.steps p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.price-note{text-align:center;margin:20px auto 0;color:var(--muted);font-size:12px}
.button:focus-visible,.language:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f0a13a;outline-offset:3px}
@media(max-width:850px){.steps{grid-template-columns:1fr;gap:12px}.steps article{padding:18px 22px}}
@media(max-width:560px){.app-window{display:block;margin:5px 8px 10px;transform:none}.mock-body{grid-template-columns:52px 1fr;min-height:300px}.mock-sidebar{gap:10px;padding:14px 3px;font-size:9px}.mock-sidebar span{padding:5px 3px}.mock-sidebar b{width:30px;height:30px}.mock-content{padding:16px 12px}.mock-heading h2{font-size:17px}.thumb{height:53px}.mock-options{font-size:8px}.mock-options b{font-size:9px}.mock-footer{font-size:9px}.proof-copy{border-left:0;padding-left:0}.proof-grid{gap:18px}.language{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}.nav-actions .button.small{min-height:44px}.hero h1{font-size:36px}.trust{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
