@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--blue:#5483ff;--background:#101112}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--background);color:#fff;font-family:'Be Vietnam Pro',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.topbar{height:76px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #ffffff12;background:#090b0de8;backdrop-filter:blur(18px)}.brand{font-size:32px;letter-spacing:-1.8px;font-weight:800;display:flex;gap:9px;align-items:center}.brand span{font-size:36px;color:var(--blue)}nav{display:flex;gap:35px;color:#aaaeb8;font-size:12px}nav a:hover{color:white}.outline{border:1px solid #555860;padding:14px 24px;border-radius:30px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:.2s}.outline:hover{border-color:var(--blue);background:#5483ff18}.outline.small{padding:11px 19px;font-size:11px}.hero{min-height:620px;position:relative;display:flex;align-items:center;padding:50px max(8vw,30px);overflow:hidden;background:radial-gradient(ellipse at 77% 20%,#15346466,transparent 50%),linear-gradient(150deg,#080a10,#101112 85%)}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff50 .6px,transparent .8px);background-size:93px 79px;opacity:.3;mask-image:linear-gradient(#000,transparent)}.hero-glow{position:absolute;width:600px;height:400px;border-radius:50%;background:#315ac3;filter:blur(130px);opacity:.2;right:5%;top:-130px}.hero-copy{width:55%;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#7d9fef;font-weight:500}.hero h1{font-size:clamp(34px,3.5vw,58px);letter-spacing:-2px;line-height:1.28;margin:23px 0}.hero h1 span{color:#b9ceff}.hero p{font-size:14px;line-height:1.9;color:#a6aab4}.white-button{background:white;color:#10141c;padding:17px 26px;border-radius:30px;display:inline-flex;gap:35px;align-items:center;font-size:13px;font-weight:700;margin-top:24px;transition:.2s}.white-button:hover{background:#c9d9ff;transform:translateY(-2px)}.hero-foot{color:#6b7588;font-size:8px;letter-spacing:1.5px;margin-top:30px}.hero-visual{position:relative;width:45%;padding:20px 0 20px 24px}.hero-frame{display:flex;gap:9px;padding:9px;border-radius:25px;background:linear-gradient(130deg,#2d3e6370,#ffffff08);border:1px solid #ffffff13;box-shadow:0 0 80px #3769ec30;transform:perspective(1000px) rotateY(-7deg);position:relative;z-index:1}.hero-picture{width:50%;height:325px;border-radius:17px;overflow:hidden;position:relative;background:#1b2d59}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.hero-picture.before img{filter:brightness(.72) saturate(.7)}.hero-picture.after img{filter:brightness(1.08) saturate(1.05)}.hero-picture>span{position:absolute;left:0;top:0;padding:9px 15px;font-size:10px;background:#172b65a0;border-radius:0 0 12px 0}.hero-picture b{position:absolute;right:14px;top:60px;font-size:32px;color:#bdd1ff;font-weight:400}.floating{position:absolute;border:1px solid #ffffff10;border-radius:50%;width:64px;height:64px;display:grid;place-items:center;font-size:30px;background:#b9ccff0c;color:#92b2ff}.f1{left:-24px;top:40%;z-index:2}.f2{right:-35px;top:12%}.visual-caption{text-align:center;font-size:8px;letter-spacing:2px;color:#6f7f9f;margin-top:24px}.intro-strip{max-width:1200px;margin:auto;padding:25px 0 35px;display:flex;align-items:center;border-bottom:1px solid #ffffff12;gap:40px}.intro-strip>span{font-size:9px;color:#6f7b94;letter-spacing:1.7px}.intro-strip p{font-size:11px;color:#8c929e;flex:1}.intro-strip a{font-size:10px;color:#b3bfd6}.feature{max-width:1200px;margin:0 auto;padding-top:94px;scroll-margin-top:0}.feature-heading{position:relative;text-align:center;padding:0 120px}.feature-kicker{font-size:9px;letter-spacing:2px;color:#648bea;margin-bottom:18px}.feature h2{font-size:29px;line-height:1.6;letter-spacing:-1px;margin:0 auto;max-width:880px;font-weight:600}.feature h2>span{font-weight:800}.feature-cta{position:absolute;right:0;top:48px}.tabs{display:flex;justify-content:center;gap:24px;margin:27px auto 42px;flex-wrap:wrap}.tabs button{background:none;border:0;color:#767a84;padding:10px 0 13px;font-size:12px;position:relative}.tabs button:hover{color:#d0d8e8}.tabs button.active{color:#fff}.tabs button.active:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--blue)}.compare{position:relative;width:100%;height:570px;background:#1e222a;overflow:hidden;touch-action:pan-y;user-select:none}.compare img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;object-position:center 38%}.compare>.base{filter:var(--effect)}.original{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.original img{filter:brightness(.76) saturate(.78)}.image-description{position:absolute;left:50%;top:0;transform:translateX(-50%);width:50%;padding:15px 22px;display:flex;align-items:center;gap:14px;background:#10151b66;backdrop-filter:blur(15px);z-index:2;pointer-events:none}.image-description p{margin:0;color:#fff;font-size:11px;line-height:1.7}.tiny-spark{font-size:25px;color:#bdd2ff}.divider{position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:#ffffffe0;pointer-events:none;box-shadow:0 0 1px #0005}.handle{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;background:white;color:#294777;display:flex;align-items:center;justify-content:center;font-size:18px;letter-spacing:2px;box-shadow:0 2px 12px #0004}.compare-labels{position:absolute;inset:0;pointer-events:none}.compare-labels span{position:absolute;bottom:31px;font-size:12px;font-weight:600;text-shadow:0 2px 4px #0008}.compare-labels span:first-child{right:calc(100% - var(--split) + 28px)}.compare-labels span:last-child{left:calc(var(--split) + 28px)}.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}.compare:focus-within{outline:2px solid var(--blue);outline-offset:4px}.feature-bottom{display:flex;justify-content:space-between;color:#626b7a;font-size:9px;padding-top:15px}.feature-bottom>span:first-child{color:#9ba9c5}.extras{max-width:1200px;margin:110px auto 0}.extras-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.extras h2{font-size:29px;letter-spacing:-1px;margin:15px 0}.carousel-buttons{display:flex;gap:10px}.carousel-buttons button{width:45px;height:45px;background:none;border:1px solid #4b5059;color:#bec7d6;border-radius:50%;font-size:22px}.carousel-buttons button:hover{border-color:var(--blue);color:white}.carousel{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.carousel::-webkit-scrollbar{display:none}.extra-card{flex:0 0 calc((100% - 75px)/4);scroll-snap-align:start;overflow:hidden;background:#1c2027}.extra-card img{width:100%;height:330px;object-fit:cover;display:block;transition:transform .4s}.extra-card:hover img{transform:scale(1.03)}.extra-card div{padding:16px 15px;font-size:11px;display:flex;justify-content:space-between;color:#c4ccd9}.extra-card div span{color:#739dff}.closing{text-align:center;padding:100px 25px 85px;background:radial-gradient(ellipse at 50% 100%,#1836744f,transparent 60%);margin-top:60px}.closing>span{font-size:9px;letter-spacing:3px;color:#6487d0}.closing h2{font-size:34px;letter-spacing:-1.2px;margin:22px 0 0}.closing p{color:#68758d;font-size:10px;margin-top:25px}footer{max-width:1200px;margin:auto;border-top:1px solid #ffffff12;display:flex;align-items:center;gap:30px;padding:32px 0 40px}footer .brand{font-size:26px}footer .brand span{font-size:29px}footer p{flex:1;font-size:10px;color:#6b7382}footer>span{font-size:9px;color:#626b7d}a:focus-visible,button:focus-visible{outline:2px solid #8badff;outline-offset:5px}@media(min-width:1600px){.hero{padding-left:max(calc((100% - 1200px)/2),8vw);padding-right:max(calc((100% - 1200px)/2),8vw)}}@media(max-width:1300px){.feature,.extras,.intro-strip,footer{margin-left:6vw;margin-right:6vw}.compare{height:48vw;max-height:570px}.feature h2{font-size:26px}.feature-heading{padding:0 115px}.hero-picture{height:290px}.hero{min-height:570px}.extra-card img{height:27vw}}@media(max-width:800px){.topbar{height:65px;padding:0 20px}.brand{font-size:28px}.topbar nav{display:none}.outline.small{font-size:9px;padding:10px 13px}.hero{padding:45px 25px 35px;flex-direction:column;gap:35px;min-height:auto}.hero-copy{width:100%;text-align:center}.hero h1{font-size:36px;letter-spacing:-1.5px}.hero p{font-size:12px}.hero-foot{font-size:7px}.hero-visual{width:min(90%,460px);padding:0}.hero-picture{height:260px}.hero-frame{transform:none}.floating{width:45px;height:45px;font-size:22px}.f2{right:-20px}.f1{left:-20px}.intro-strip{padding:22px 0;gap:15px;flex-wrap:wrap}.intro-strip>span{font-size:8px}.intro-strip p{font-size:10px;flex-basis:60%;line-height:1.8}.intro-strip a{display:none}.feature{padding-top:58px;margin-left:20px;margin-right:20px}.feature-heading{padding:0;text-align:left}.feature-kicker{font-size:8px;margin-bottom:12px}.feature h2{font-size:23px;line-height:1.6;letter-spacing:-.6px;padding-right:0}.feature-cta{position:static;margin-top:18px;padding:10px 16px;font-size:10px}.tabs{justify-content:flex-start;gap:17px;margin:17px 0 25px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}.tabs button{font-size:10px;flex-shrink:0}.compare{height:390px}.image-description{width:100%;padding:10px 14px}.image-description p{font-size:9px}.tiny-spark{font-size:20px}.feature-bottom{font-size:8px;gap:15px;line-height:1.8}.feature-bottom span:last-child{text-align:right;max-width:50%}.compare-labels span{font-size:10px}.extras{margin:65px 20px 0}.extras h2{font-size:23px;line-height:1.5;max-width:220px}.carousel-buttons button{height:35px;width:35px;font-size:18px}.carousel{gap:14px}.extra-card{flex-basis:72%}.extra-card img{height:330px}.closing{padding:65px 20px 55px;margin-top:25px}.closing h2{font-size:28px;line-height:1.5}.closing p{font-size:9px;line-height:1.8}footer{padding:25px 0;gap:15px;flex-wrap:wrap}footer>span{width:100%;font-size:8px}footer p{font-size:9px}.compare{touch-action:pan-y}}@media(prefers-reduced-motion:reduce){html,.carousel{scroll-behavior:auto}*{transition:none!important}}
/* Preserve supplied pixels and crop screenshot chrome using aligned viewports. */
.compare.supplied{height:auto;max-height:none;aspect-ratio:var(--crop-ratio);min-height:0}.screenshot-viewport{position:absolute;inset:0;overflow:hidden}.compare.supplied img.screenshot-image{position:absolute;height:auto!important;max-width:none;object-fit:initial!important;filter:none!important;display:block}.compare.supplied>.base{filter:none}.compare.supplied .image-description{position:relative;left:auto;top:auto;transform:none;width:100%;background:#0e151bd9;backdrop-filter:none;padding:12px 20px;z-index:2}.compare.supplied .image-description p{font-size:11px}.compare.supplied .image-description .tiny-spark{font-size:20px}.compare.supplied .original{z-index:1}.compare.supplied .divider,.compare.supplied .compare-labels{z-index:2}.feature-heading{padding:0 115px 0 0;text-align:left}.feature h2{margin:0;max-width:100%;font-size:28px;line-height:1.6}.feature-cta{top:40px}.feature-kicker{margin-bottom:12px}.tabs{margin-top:24px}.supplied-extra .extra-viewport{position:relative;padding:0;aspect-ratio:278/332;overflow:hidden;display:block}.supplied-extra .extra-viewport img{position:absolute;height:auto;max-width:none;object-fit:initial;transform:none}.supplied-extra>div:last-child{justify-content:center}.extra-card.supplied-extra{flex-basis:calc((100% - 75px)/4)}@media(max-width:800px){.feature-heading{padding:0}.feature h2{font-size:22px}.compare.supplied .image-description{padding:8px 10px}.compare.supplied .image-description p{font-size:8px;line-height:1.5}.compare.supplied .image-description .tiny-spark{display:none}.compare.supplied{aspect-ratio:var(--crop-ratio)}.compare.supplied .handle{bottom:12px;width:27px;height:27px}.compare.supplied .compare-labels span{bottom:19px;font-size:9px}.extra-card.supplied-extra{flex-basis:72%}.feature-cta{margin-top:16px}}
.feature [role=tabpanel]>.image-description{position:static;transform:none;width:100%;background:#1c222c;padding:14px 20px;margin:0;border-bottom:1px solid #ffffff0c}.feature [role=tabpanel]>.image-description p{font-size:11px;line-height:1.7}.feature [role=tabpanel]>.image-description .tiny-spark{font-size:20px}@media(max-width:800px){.feature [role=tabpanel]>.image-description{padding:12px}.feature [role=tabpanel]>.image-description p{font-size:9px}.feature [role=tabpanel]>.image-description .tiny-spark{display:none}}
.brand-crop{width:39px;height:43px;display:inline-block;position:relative;overflow:hidden;border-radius:9px;background:#dff1ff;flex-shrink:0}.brand-crop img{position:absolute;width:365px;max-width:none;left:-11px;top:-7px}.topbar #language{background:#151c2a;border:1px solid #424d62;border-radius:8px;color:white;padding:8px;font-size:10px;margin-left:auto;margin-right:18px}.topbar nav{margin-left:auto;margin-right:30px}.pricing{max-width:1100px;margin:100px auto 0;padding:50px 35px;scroll-margin-top:85px}.pricing>h2{font-size:38px;letter-spacing:-1.4px;margin:18px 0}.pricing-intro{color:#8e9cb4;line-height:1.8}.unlimited{display:flex;justify-content:space-between;align-items:center;border:1px solid #33578c;background:linear-gradient(100deg,#153572,#0e253c);border-radius:13px;padding:23px;margin:30px 0;gap:20px}.unlimited strong{font-size:20px;color:#c9e8ff}.unlimited span{font-size:11px;color:#8ab9ee}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan{position:relative;padding:35px;border:1px solid #354157;border-radius:18px;background:#151c28}.plan.featured{border-color:#4285ec;background:linear-gradient(145deg,#11294d,#132037);box-shadow:0 0 45px #2c78f012}.plan-badge{font-size:9px;letter-spacing:.4px;color:#7ab0ff;background:#376bc722;border:1px solid #487bba55;padding:7px 11px;border-radius:20px}.featured .plan-badge{color:#8ce7f9}.plan h3{font-size:27px;margin:25px 0 10px}.plan p{font-size:12px;color:#97a7c0;line-height:1.8}.price{font-size:39px;font-weight:800;letter-spacing:-1.5px;color:#74c5ff;margin:25px 0 8px;white-space:nowrap}.price small{font-size:12px;font-weight:400;color:#a6b7d0;letter-spacing:0}.plan .plan-note{font-size:10px}.plan ul{padding:15px 0 20px;list-style:none;border-top:1px solid #ffffff12;margin-top:25px}.plan li{font-size:11px;color:#bdc9de;line-height:2.6}.plan li:before{content:'✓';color:#65a7ff;margin-right:10px}.plan-button{display:block;text-align:center;background:#326aee;padding:15px 10px;border-radius:9px;font-size:12px;font-weight:600}.featured .plan-button{background:#82e6f1;color:#082340}.plan-button:hover{filter:brightness(1.12)}.purchase-note{font-size:10px;line-height:1.8;color:#7c8ba4;text-align:center;margin-top:23px}@media(max-width:800px){.topbar #language{margin-right:10px}.topbar nav{display:none}.brand-crop{width:30px;height:34px}.brand-crop img{width:292px;left:-9px;top:-6px}.pricing{margin-top:50px;padding:25px 20px}.pricing>h2{font-size:28px}.plans{grid-template-columns:1fr}.plan{padding:28px}.unlimited{align-items:flex-start;flex-direction:column;padding:20px;gap:10px}.unlimited strong{font-size:18px}.price{font-size:34px}.topbar .brand{font-size:24px}}