:root{color-scheme:light;--bg:#f7f8fa;--surface:#fff;--blue:#3b7bf8;--light-blue:#87aef8;--text:#17191c;--muted:#626b79;--line:#e1e5eb;--header:76px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}img{max-width:100%;height:auto}button:focus-visible,a:focus-visible{outline:2px solid var(--light-blue);outline-offset:5px}::selection{background:#dce8ff;color:#173d7b}[hidden]{display:none!important}.container{width:calc(100% - 96px);max-width:1200px;margin-inline:auto}.icon{display:block;flex-shrink:0;width:24px;height:24px}.svg-definitions{position:absolute;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{color:white;position:fixed;z-index:100;top:-80px;left:20px;background:var(--blue);padding:12px 20px;border-radius:8px}.skip-link:focus{top:10px}.blue-text{color:var(--blue);background:linear-gradient(110deg,#266ce9,#5b96f9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.site-header{height:var(--header);position:sticky;top:0;z-index:30;border-bottom:1px solid #e6e9ef;background:#f7f8fadc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-size:27px;letter-spacing:-1px;font-weight:730}.brand img{display:block;width:36px;height:36px;filter:none}.site-nav{display:flex;align-items:center;gap:32px;font-size:14px}.site-nav>a:not(.button){color:#41464f;transition:color .2s}.site-nav>a:not(.button):hover{color:#286be1}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:14px 25px;border:1px solid transparent;border-radius:10px;font-size:14px;line-height:1.4;font-weight:600;transition:box-shadow .25s,background .25s,transform .25s,border-color .25s;white-space:nowrap}.button .icon{width:19px;height:19px}.button-primary{background:#17191c;border-color:#17191c;box-shadow:0 6px 18px #18223810;color:white}.button-primary:hover{background:#30353d;border-color:#30353d;box-shadow:0 8px 24px #1822381c;transform:translateY(-2px)}.button-outline{border-color:#d5dce6;background:#ffffffd9;box-shadow:0 2px 6px #24375204}.button-outline:hover{border-color:#9bb9ee;background:#fff;transform:translateY(-2px)}.nav-download{min-height:40px;padding:10px 17px;font-size:13px;border-radius:9px}.nav-download .icon{width:15px;height:15px}.icon-button{width:34px;height:34px;display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);transition:background .2s,color .2s}.icon-button .icon{width:17px;height:17px}.icon-button:hover{background:#eaf0fa;color:#245cc0}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;padding:68px 0 76px;overflow:clip}.hero-wash{position:absolute;z-index:-3;pointer-events:none;inset:0;background:radial-gradient(ellipse at 38% 26%,#e5e5fb8c,transparent 43%),radial-gradient(ellipse at 68% 36%,#dff1f88c,transparent 42%);mask-image:linear-gradient(#000,#000 70%,transparent)}.hero-content{position:relative;text-align:center}.hero h1{font-size:56px;letter-spacing:-1.7px;line-height:1.35;font-weight:700}.hero-description{color:var(--muted);font-size:16px;line-height:1.9;margin:24px auto 0;max-width:1020px}.hero-description span{white-space:nowrap}.hero-actions{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:26px}.compatibility{font-size:12px;line-height:1.8;color:#717a88;margin-top:16px}.compatibility span{padding:0 7px;color:#a1a9b6}.showcase{max-width:910px;margin:38px auto 0;scroll-margin-top:110px;position:relative}.screen-frame{padding:6px;border:1px solid #dce4ef;border-radius:17px;background:#ffffffb3;box-shadow:0 24px 65px #33568a12,0 3px 12px #33568a08;position:relative}.slides{border-radius:11px;overflow:hidden;background:#fff;aspect-ratio:2.15/1}.slide{height:100%;width:100%;animation:screen-in .45s ease}.screen-zoom{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:white;cursor:zoom-in;color:white}.screen-zoom>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.zoom-affordance{position:absolute;right:16px;bottom:15px;display:flex;align-items:center;gap:7px;background:#0b1b30db;border:1px solid #dcecff22;backdrop-filter:blur(8px);padding:8px 11px;border-radius:8px;font-size:11px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.zoom-affordance .icon{width:15px;height:15px}.screen-zoom:hover .zoom-affordance,.screen-zoom:focus-visible .zoom-affordance{opacity:1;transform:none}.carousel-tabs{display:flex;justify-content:center;gap:12px;margin-top:26px}.carousel-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;padding:13px 24px;border-radius:30px;border:1px solid transparent;background:transparent;color:#606b7b;min-width:160px;font-size:14px;line-height:1.5;transition:all .2s}.carousel-tab .icon{width:20px;height:20px}.carousel-tab:hover{background:#edf2fb;color:#286be1}.carousel-tab[aria-selected=true]{background:#fff;border-color:#ccdafa;color:#286be1;box-shadow:0 4px 12px #3b7bf80a}.carousel-tab[aria-selected=true] .icon{color:var(--blue);filter:none}.carousel-tab[aria-selected=true]::after{content:"";position:absolute;bottom:0;left:calc(50% - 15px);width:30px;height:2px;background:var(--blue);box-shadow:none;border-radius:4px}.carousel-bottom{display:flex;align-items:center;justify-content:space-between;max-width:650px;margin:17px auto 0;gap:16px}.carousel-bottom>p{font-size:11px;color:#707c8d;text-align:left}.carousel-controls{display:flex;align-items:center;gap:5px}.slide-count{font-size:10px;color:#768194;letter-spacing:2px;white-space:nowrap}.slide-count b{color:#356bca;font-weight:500}.autoplay{margin-left:5px;border-left:1px solid #dce3ed;border-radius:0 6px 6px 0}.section{padding-top:90px;padding-bottom:90px}.features{position:relative}.features::before{content:"";position:absolute;z-index:-1;inset:0 -20px;background-image:linear-gradient(#6185bd07 1px,transparent 1px),linear-gradient(90deg,#6185bd07 1px,transparent 1px);background-size:120px 120px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);pointer-events:none}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-bottom:38px}.section-heading h2,.free h2{font-size:44px;line-height:1.35;font-weight:700;letter-spacing:-1.5px}.section-heading>p{font-size:16px;line-height:1.9;color:var(--muted);padding-right:10px}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.value-item{padding:0 34px}.value-item:first-child{padding-left:0}.value-item:last-child{padding-right:0}.value-item+.value-item{border-left:1px solid var(--line)}.value-number{display:block;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--blue);margin-bottom:20px}.value-icon{width:44px;height:44px;color:var(--blue);margin-bottom:22px}.value-item h3{font-size:22px;line-height:1.5;font-weight:650;letter-spacing:-.6px}.value-item p{font-size:16px;line-height:1.9;color:var(--muted);margin-top:12px;max-width:340px}.toolbox{margin-top:44px}.tool-heading h2{font-size:32px;line-height:1.4;font-weight:650;letter-spacing:-.7px}.tool-heading p{font-size:16px;color:var(--muted);margin-top:11px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.tool-link{display:flex;align-items:center;gap:16px;border:1px solid #e0e6ef;border-radius:10px;background:#fff;min-height:72px;padding:20px;transition:background .2s,border-color .2s,transform .2s;position:relative}.tool-link>.icon:first-child{width:29px;height:29px;color:var(--blue)}.tool-link>span{font-size:15px;line-height:1.6;font-weight:500}.tool-arrow{width:17px;height:17px;margin-left:auto;color:#8b9ab2;transition:transform .2s}.tool-link:hover{border-color:#a9c4f4;background:#f9fbff;box-shadow:0 8px 20px #36598e08;transform:translateY(-3px)}.tool-link:hover .tool-arrow{transform:translateX(3px);color:#3978ed}.all-tools{color:#326ed8}
.free{border-top:1px solid #e3e8f0;position:relative;background:linear-gradient(130deg,#eef4ff70,#f7f8fa 60%);padding-top:110px;padding-bottom:55px}.free-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.free-intro>p{color:var(--muted);font-size:17px;line-height:1.9;margin-top:20px}.price{display:flex;flex-direction:column;align-items:flex-start;margin-top:25px}.price-value{font-size:140px;line-height:1.05;letter-spacing:-8px;font-weight:750;color:var(--blue);text-shadow:0 12px 40px #286ff920;display:inline-flex;align-items:baseline}.price-value>span{font-size:80px;letter-spacing:-3px}.price-label{font-size:16px;color:#6a7b98;letter-spacing:7px;margin:8px 0 0 14px}.free-benefits{padding-top:3px}.benefit{display:flex;gap:24px;padding:28px 0 34px}.benefit:first-child{padding-top:12px}.benefit+.benefit{border-top:1px solid #dce4ef}.check-circle{height:48px;width:48px;display:flex;align-items:center;justify-content:center;border:1px solid #c9dafb;border-radius:50%;flex-shrink:0;background:#edf3ff;box-shadow:none;color:var(--blue)}.check-circle>.icon{width:25px;height:25px}.benefit h3{font-size:22px;line-height:1.5;font-weight:650}.benefit p{font-size:16px;color:var(--muted);line-height:1.8;margin-top:10px}.get-started{position:relative;isolation:isolate;text-align:center;padding:96px 0 67px;overflow:clip}.cta-wash{position:absolute;z-index:-2;pointer-events:none;inset:0;background:radial-gradient(ellipse at 38% 52%,#e1e9ff8c,transparent 55%),radial-gradient(ellipse at 68% 52%,#e4f2f980,transparent 50%);mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.get-started h2{font-size:46px;line-height:1.4;letter-spacing:-1.1px;font-weight:700}.get-started>.container>p:not(.compatibility){font-size:18px;color:var(--muted);margin-top:14px;line-height:1.7}.get-started .hero-actions{margin-top:28px}.get-started .compatibility{margin-top:25px}.text-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#326ed8;font-size:14px;min-height:46px;padding:9px 8px}.text-link:hover{color:#174da9}.text-link>.icon{width:18px;height:18px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #dce3ec;padding-top:28px;padding-bottom:30px}.footer-brand{display:flex;align-items:center;gap:23px}.footer-brand>.brand{font-size:22px;gap:8px}.footer-brand>.brand img{height:27px;width:27px}.footer-brand>p{border-left:1px solid #d9e0ea;padding-left:23px;font-size:12px;color:#6c7789}.site-footer nav{display:flex;gap:26px;font-size:12px;color:#6c7789}.site-footer nav a{display:flex;align-items:center;gap:5px}.site-footer nav a:hover{color:#286be1}.site-footer nav .icon{width:13px;height:13px}.lightbox{padding:40px 12px 12px;border:1px solid #d7e0ee;border-radius:14px;background:#fff;color:var(--muted);width:min(1200px,95vw);max-height:94dvh;box-shadow:0 20px 80px #26395733;overflow:auto}.lightbox::backdrop{background:#465b7780;backdrop-filter:blur(12px)}.lightbox>img{display:block;width:100%;max-height:80dvh;object-fit:contain}.lightbox>p{font-size:12px;line-height:1.6;text-align:center;margin:14px 8px 3px}.lightbox-close{position:absolute;right:5px;top:4px}.reveal{opacity:1}.motion-enabled .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.motion-enabled .reveal.in-view{opacity:1;transform:translateY(0)}@keyframes screen-in{from{opacity:.6}to{opacity:1}}
@media(min-width:1600px){.hero{padding-top:58px}.hero h1{font-size:60px}.hero-description{font-size:17px}.showcase{max-width:980px}.section{padding-top:105px;padding-bottom:105px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero h1{font-size:50px}.hero-description{max-width:700px;font-size:15px}.hero{padding-top:48px}.hero-description span{white-space:normal}.section-heading h2,.free h2{font-size:40px}.section-heading>p{font-size:14px}.value-item{padding:0 24px}.value-item h3{font-size:19px}.value-item p{font-size:13px}.tool-link{gap:11px;padding:17px 14px}.tool-link>span{font-size:13px}.tool-link>.icon:first-child{width:24px;height:24px}.free-layout{gap:48px}.benefit{gap:18px}.benefit h3{font-size:18px}.benefit p{font-size:13px}.check-circle{width:42px;height:42px}.section{padding-block:75px}}
@media(max-width:800px){.container{width:calc(100% - 44px)}.site-nav{gap:20px}.site-nav>.button{padding:10px 13px}.hero h1{font-size:44px;letter-spacing:-1.5px}.hero-description{font-size:14px;max-width:590px}.showcase{margin-top:30px}.slides{aspect-ratio:1.85/1}.carousel-tab{min-width:145px;padding:12px 19px;font-size:13px}.section-heading{gap:24px}.section-heading h2{font-size:36px}.section-heading>p{font-size:13px}.value-item{padding-inline:20px}.value-item h3{font-size:17px}.value-item p{font-size:12px}.value-icon{width:34px;height:34px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.free-layout{gap:32px}.free h2{font-size:34px}.free-intro>p{font-size:13px}.benefit{gap:14px}.benefit h3{font-size:16px}.benefit p{font-size:12px}.price-value{font-size:120px}.price-value>span{font-size:68px}.get-started h2{font-size:38px}.get-started>.container>p:not(.compatibility){font-size:16px}.site-footer{gap:18px}.footer-brand>p{display:none}.site-footer nav{gap:20px}}
@media(max-width:600px){:root{--header:66px}.container{width:calc(100% - 40px)}.brand{font-size:25px;gap:9px}.brand img{width:32px;height:32px}.header-inner{position:relative}.site-header{height:auto;min-height:var(--header)}.header-inner{min-height:var(--header);flex-wrap:wrap}.site-nav{width:100%;padding:10px 0 18px;gap:8px;flex-direction:column;align-items:stretch;font-size:12px}.site-nav>a{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%}.site-nav .nav-download{font-size:11px;gap:5px;padding:8px 11px;min-height:44px}.site-nav .nav-download .icon{width:13px;height:13px}.js .menu-toggle{display:inline-flex}.js .site-nav{display:none;position:absolute;top:var(--header);left:-20px;right:-20px;width:auto;background:#fffffff5;backdrop-filter:blur(20px);border-bottom:1px solid #dce3ed;padding:16px 20px;box-shadow:0 16px 24px #26395714}.js .site-nav[data-open]{display:flex;flex-wrap:nowrap}.menu-toggle .icon{width:23px;height:23px}.hero{padding:45px 0 52px}.hero h1{font-size:clamp(28px,8.2vw,34px);line-height:1.4;letter-spacing:-1.2px}.hero h1 .blue-text{white-space:nowrap}.hero-description{font-size:13px;line-height:1.95;max-width:360px;margin-top:19px}.hero-description span{white-space:normal}.hero-actions{gap:12px;margin-top:24px;flex-wrap:wrap}.hero-actions .button{font-size:12px;min-height:45px;padding:12px 16px;gap:8px}.hero-actions .button .icon{width:16px;height:16px}.compatibility{font-size:10px;letter-spacing:.1px;margin-top:16px}.compatibility span{padding-inline:5px}.showcase{margin-top:32px}.screen-frame{padding:3px;border-radius:11px;box-shadow:0 16px 40px #33568a14}.slides{aspect-ratio:1.55/1;border-radius:7px}.zoom-affordance{right:8px;bottom:8px;padding:6px;opacity:1;transform:none;background:#243752d9}.zoom-affordance>span{display:none}.zoom-affordance>.icon{width:13px;height:13px}.carousel-tabs{gap:2px;margin-top:19px}.carousel-tab{gap:6px;min-width:0;flex:1;padding:10px 6px;font-size:11px;white-space:nowrap;border-radius:25px}.carousel-tab>.icon{width:15px;height:15px}.carousel-bottom{gap:8px;margin-top:13px}.carousel-bottom>p{font-size:9px;line-height:1.7;max-width:170px}.carousel-controls{gap:1px}.carousel-controls>.icon-button{width:28px;height:30px}.carousel-controls .icon{width:15px;height:15px}.slide-count{font-size:9px;letter-spacing:1px}.autoplay{margin-left:3px}.section{padding-block:58px}.features::before{inset:0 -15px;background-size:90px 90px}.section-heading{display:block;margin-bottom:26px}.features>.section-heading{text-align:center}.features>.section-heading>p{padding-right:0}.section-heading h2,.free h2{font-size:32px;line-height:1.4;letter-spacing:-1px}.section-heading>p{font-size:13px;line-height:1.9;margin-top:18px}.value-grid{grid-template-columns:1fr;padding:0}.value-item,.value-item:first-child,.value-item:last-child{position:relative;padding:25px 0 26px 58px}.value-item+.value-item{border-left:0;border-top:1px solid var(--line)}.value-number{font-size:10px;margin-bottom:9px}.value-icon{position:absolute;left:1px;top:51px;width:32px;height:32px;margin:0}.value-item h3{font-size:18px;letter-spacing:-.4px}.value-item p{font-size:13px;line-height:1.8;margin-top:9px}.toolbox{margin-top:36px}.tool-heading h2{font-size:26px;line-height:1.45;letter-spacing:-.9px}.tool-heading p{font-size:12px;line-height:1.8;margin-top:10px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}.tool-link{padding:15px 11px;min-height:67px;gap:9px;border-radius:8px}.tool-link>span{font-size:11px;white-space:nowrap}.tool-link>.icon:first-child{width:22px;height:22px}.tool-arrow{width:12px;height:12px}.all-tools>span{font-size:10px}.free-layout{grid-template-columns:1fr;gap:33px}.free-intro>p{font-size:13px;margin-top:19px;line-height:1.95}.price{margin-top:20px}.price-value{font-size:108px;letter-spacing:-6px}.price-value>span{font-size:62px}.price-label{font-size:13px;letter-spacing:5px;margin-top:7px}.benefit{padding:24px 0;gap:16px}.benefit:first-child{padding-top:0}.benefit:last-child{padding-bottom:0}.benefit h3{font-size:17px}.benefit p{font-size:12px;margin-top:8px;line-height:1.85}.check-circle{width:39px;height:39px}.check-circle .icon{width:22px;height:22px}.get-started{padding:72px 0 50px}.get-started h2{font-size:31px;letter-spacing:-1px}.get-started>.container>p:not(.compatibility){font-size:14px;margin-top:12px}.get-started .hero-actions{margin-top:25px;gap:9px}.get-started .text-link{font-size:12px;gap:7px;padding-inline:6px}.get-started .text-link>.icon{width:15px;height:15px}.get-started .compatibility{margin-top:21px;font-size:10px}.site-footer{padding-top:24px;padding-bottom:28px;flex-wrap:wrap;gap:22px}.footer-brand{width:100%;justify-content:space-between;gap:10px}.footer-brand>p{display:block;padding-left:16px;font-size:11px}.footer-brand>.brand{font-size:21px}.site-footer nav{width:100%;justify-content:space-between;font-size:11px;gap:10px}.lightbox{padding:40px 7px 9px;border-radius:10px;width:96vw}.lightbox>p{font-size:10px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero h1{font-size:28px}.hero-description{font-size:12px}.carousel-tab{font-size:10px}.carousel-tab .icon{width:13px;height:13px}.tool-link{gap:6px;padding-inline:9px}.tool-arrow{display:none}.tool-link>span{font-size:11px}.section-heading h2,.free h2{font-size:29px}.get-started h2{font-size:28px}.site-nav{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}.button:hover,.tool-link:hover{transform:none}}
@media print{body{background:white;color:black}.site-header,.container{width:100%}.hero-wash,.cta-wash{display:none}.hero,.section{padding-block:25px}.hero h1{font-size:36px}.blue-text{-webkit-text-fill-color:#225cbd;background:none}.reveal{opacity:1!important;transform:none!important}.tool-link{background:white}.free{break-inside:avoid}}

/* Current light apps, using the existing light theme and product blue. */
.latest-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}.latest-tool{display:flex;align-items:flex-start;gap:20px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:28px;text-align:left;transition:border-color .2s,box-shadow .2s}.latest-tool:hover{border-color:#a9c5fb;box-shadow:0 8px 24px #36598e08}.latest-tool>img{flex-shrink:0;border-radius:12px}.feature-label{font-size:12px;color:#286be1;font-weight:600}.latest-tool h3{font-size:21px;line-height:1.5;margin:9px 0}.latest-tool p{font-size:13px;line-height:1.9;color:var(--muted)}.feature-more{display:block;margin-top:18px;color:#286be1;font-size:12px}.latest-tool>div{min-width:0}@media(max-width:760px){.latest-tools{grid-template-columns:1fr}.latest-tool{padding:22px;gap:16px}.latest-tool h3{font-size:19px}.latest-tool>img{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.latest-tool{transition:none}}