:root{--ink:#14212b;--muted:#657581;--teal:#087f8c;--teal-dark:#08636d;--mint:#dff6f0;--line:#e5ebef;--paper:#fff;--bg:#f7f9fc;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.nav-open{overflow:hidden}.announcement{height:36px;display:flex;align-items:center;justify-content:center;gap:9px;background:#e8f7f4;color:#246b6b;font-size:12px;font-weight:600;letter-spacing:.01em}.spark{font-size:14px}.announcement-dot{width:4px;height:4px;border-radius:50%;background:#6aafa9;margin-left:4px}.announcement-note{color:#568986;font-weight:500}.site-header{height:78px;padding:0 max(5.6vw,24px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(223,231,236,.8);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.4px}.brand img{display:block}.brand-period{color:var(--teal)}.desktop-nav{display:flex;gap:35px;margin-left:80px}.desktop-nav a,.footer-right a{font-size:13px;font-weight:600;text-decoration:none;color:#52616c;transition:color .2s}.desktop-nav a:hover,.footer-right a:hover{color:var(--teal)}.header-cta{padding:11px 17px;background:#132b35;color:#fff;text-decoration:none;border-radius:11px;font-size:12px;font-weight:700;display:flex;gap:14px;align-items:center;transition:transform .2s,background .2s}.header-cta:hover{background:var(--teal-dark);transform:translateY(-1px)}.menu-toggle{display:none;border:0;background:none;font-size:22px}.hero{position:relative;overflow:hidden;min-height:490px;padding:78px max(8vw,30px) 66px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:45px;background:linear-gradient(115deg,#fbfcfe 0%,#f4fafb 57%,#edf8f6 100%)}.hero-content{max-width:590px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:8px;color:#16828a;font-size:10px;font-weight:800;letter-spacing:1.8px}.eyebrow-icon{font-size:15px}.hero h1,.why-heading h2{font-family:Manrope,sans-serif;font-size:clamp(43px,5.1vw,68px);line-height:1.08;letter-spacing:-3.6px;margin:22px 0 19px;font-weight:800}.hero h1 span,.why-heading h2 span{color:var(--teal)}.hero-copy{font-size:15px;line-height:1.85;color:#657681;max-width:460px;margin:0 0 27px}.primary-button{display:inline-flex;align-items:center;gap:29px;background:var(--teal);color:white;padding:15px 20px;border-radius:12px;text-decoration:none;font-weight:700;font-size:13px;box-shadow:0 8px 20px #087f8c25;transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-2px);background:var(--teal-dark)}.trust-row{display:flex;flex-wrap:wrap;gap:17px;margin-top:27px;color:#6d7c85;font-size:10px;font-weight:600}.trust-row span{display:flex;align-items:center;gap:5px}.check{font-style:normal;background:#d9f3e9;color:#20856e;border-radius:50%;font-size:9px;width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center}.hero-art{height:345px;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.hero-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.glow-one{width:370px;height:370px;background:#d6f2ed70;right:-100px;top:-160px}.glow-two{width:220px;height:220px;background:#dbeaf980;left:4%;bottom:-170px}.art-orbit{position:absolute;border:1px solid #c9e7e2;border-radius:50%;transform:rotate(-18deg)}.orbit-a{width:390px;height:245px}.orbit-b{width:310px;height:360px;transform:rotate(42deg);border-color:#d9e8ed}.art-card{position:absolute;background:white;border:1px solid #e8eef0;border-radius:18px;box-shadow:0 24px 70px #264d5b17}.back-card{width:205px;height:245px;right:9%;top:40px;transform:rotate(8deg);padding:20px;opacity:.82}.mini-window{display:flex;gap:4px;margin-bottom:25px}.mini-window span{width:6px;height:6px;border-radius:50%;background:#d6e3e6}.skeleton-line{height:7px;width:62%;border-radius:5px;background:#e9f0f2;margin:10px 0}.skeleton-line.wide{width:85%;background:#dcefed}.skeleton-block{height:105px;margin-top:20px;border-radius:10px;background:linear-gradient(135deg,#e4f6f0,#e7effa)}.front-card{width:min(290px,82%);padding:17px;left:10%;top:52px;transform:rotate(-4deg);z-index:2}.art-card-top{display:flex;align-items:center;gap:9px}.file-icon{width:31px;height:31px;border-radius:9px;background:#e4f6f0;color:#14827c;display:grid;place-items:center;font-size:20px}.art-card-top b{display:block;font-size:10px}.art-card-top small{display:block;color:#8a9aa1;font-size:9px;margin-top:3px}.more{margin-left:auto;color:#9caeb4;letter-spacing:1px;font-size:10px}.art-image{height:145px;margin-top:15px;border-radius:11px;overflow:hidden;position:relative;background:linear-gradient(180deg,#bfe9e7 0%,#e2f4e7 60%,#a5d4c6 100%)}.sun{position:absolute;width:39px;height:39px;background:#fff2c4;border-radius:50%;top:20px;right:34px;box-shadow:0 0 30px #fff5c6}.mountain{position:absolute;bottom:-2px;width:0;height:0;border-left:130px solid transparent;border-right:130px solid transparent}.mountain-back{border-bottom:91px solid #8bc5ba;left:-15px}.mountain-front{border-bottom:70px solid #398f8c;right:-60px}.format-row{display:flex;align-items:center;gap:8px;margin-top:13px}.format-chip{font-size:9px;font-weight:800;letter-spacing:.5px;color:#71828b;background:#f0f4f5;border-radius:6px;padding:7px 9px}.active-chip{background:#dff6ee;color:#18826f}.arrow-small{color:#9aabb0;font-size:12px}.done-tag{margin-left:auto;color:#1b9275;font-size:9px;font-weight:700}.floating-badge{position:absolute;background:white;box-shadow:0 12px 30px #214b5517;border:1px solid #eaf0f1;border-radius:11px;padding:11px 14px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;color:#52666d;z-index:4}.badge-top{right:0;top:25px}.badge-bottom{left:0;bottom:30px}.badge-check{width:19px;height:19px;display:grid;place-items:center;background:#dff6eb;border-radius:6px;color:#20896d}.badge-pixels{font-size:17px;color:#0e9b9c}.tools-section{padding:76px max(8vw,30px) 78px;background:white}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:29px}.section-heading h2{font-family:Manrope,sans-serif;font-size:clamp(27px,3vw,37px);letter-spacing:-1.4px;margin:12px 0 9px}.section-heading p{color:#788791;font-size:13px;margin:0}.tool-count{font-size:11px;color:#687983;font-weight:600;display:flex;align-items:center;gap:8px;padding-bottom:5px;white-space:nowrap}.count-dot{width:7px;height:7px;border-radius:50%;background:#2aa987;box-shadow:0 0 0 4px #e3f7ef}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool-card{border:1px solid #e7edf0;border-radius:20px;padding:25px 25px 18px;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s;background:#fff}.tool-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #1b3f4d0c;border-color:#d1e6e4}.convert-card:before,.cut-card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;top:-80px;background:#e7f8f3}.cut-card:before{background:#edf0ff}.card-topline{display:flex;align-items:center;justify-content:space-between;position:relative}.tool-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center}.tool-icon svg{width:36px;height:36px}.convert-icon{background:#e1f7ef;color:#128879}.cut-icon{background:#e9edff;color:#5d65c9}.status-pill{font-size:9px;letter-spacing:1px;font-weight:800;color:#1b8d72;background:#e4f7ef;padding:6px 9px;border-radius:6px}.tool-card-copy{margin-top:23px;position:relative}.tool-category{font-size:9px;letter-spacing:1.6px;color:#8a9aa2;font-weight:800}.tool-card h3{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.8px;margin:7px 0 8px}.tool-card-copy p{font-size:12px;line-height:1.8;color:#71818b;max-width:430px;margin:0;min-height:44px}.format-list,.feature-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px;min-height:28px}.format-list span,.feature-pills span{font-size:9px;font-weight:700;letter-spacing:.3px;border:1px solid #e6edef;background:#fbfcfd;color:#687a83;border-radius:6px;padding:7px 9px}.feature-pills span{background:#f5f5ff;border-color:#e8e8fa;color:#6669a2}.tool-button{display:flex;align-items:center;justify-content:space-between;background:#142f39;color:#fff;border-radius:10px;text-decoration:none;font-size:12px;font-weight:700;padding:14px 16px;margin-top:22px;transition:background .2s,transform .2s}.tool-button:hover{background:var(--teal-dark);transform:translateY(-1px)}.tool-button span{font-size:16px}.card-foot{border-top:1px solid #edf1f2;margin-top:16px;padding-top:13px;color:#85949b;font-size:10px;display:flex;align-items:center;gap:7px}.card-foot span{color:#16a085}.coming-soon{margin-top:23px;border:1px dashed #dce6e9;background:#fbfcfd;border-radius:15px;padding:18px 21px;display:flex;align-items:center;gap:14px}.plus-mark{width:36px;height:36px;display:grid;place-items:center;background:#eaf6f3;color:#13877f;border-radius:10px;font-size:22px;font-weight:400}.coming-soon b{font-size:12px}.coming-soon p{font-size:11px;color:#839199;margin:4px 0 0}.coming-label{margin-left:auto;font-size:9px;letter-spacing:1px;color:#9ba8ae;font-weight:800}.why-section{padding:76px max(8vw,30px);display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;background:#f4f8fa}.why-heading h2{font-size:clamp(33px,4vw,49px);letter-spacing:-2.3px;margin-top:17px}.benefits{display:grid;gap:23px}.benefit{display:flex;gap:15px;align-items:flex-start}.benefit-icon{width:39px;height:39px;flex-shrink:0;border:1px solid #d9e9e9;background:white;border-radius:12px;display:grid;place-items:center;color:#168b86;font-size:19px}.benefit h3{font-size:13px;margin:1px 0 6px}.benefit p{font-size:11px;line-height:1.75;color:#778790;margin:0;max-width:390px}.site-footer{min-height:94px;padding:22px max(5.6vw,24px);display:flex;align-items:center;gap:18px;background:white;border-top:1px solid #e8edef}.footer-brand{font-size:20px;gap:7px}.site-footer>p{font-size:11px;color:#8b989f;margin:0}.footer-right{margin-left:auto;display:flex;gap:24px;align-items:center}.footer-right span{font-size:10px;color:#96a2a8}.menu-toggle{color:var(--ink)}@media(min-width:1400px){.hero,.tools-section,.why-section{padding-left:max(12vw,80px);padding-right:max(12vw,80px)}}@media(max-width:850px){.hero{padding-top:60px;grid-template-columns:1fr 0.9fr;gap:10px}.hero h1{font-size:50px}.hero-art{transform:scale(.9);transform-origin:center}.trust-row{gap:10px}.tool-card{padding:21px}.why-section{gap:35px}}@media(max-width:650px){.announcement{font-size:10px;gap:6px}.announcement-note,.announcement-dot{display:none}.site-header{height:68px;padding:0 20px}.brand{font-size:23px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.desktop-nav.mobile-open{display:flex;position:absolute;top:67px;left:0;right:0;margin:0;padding:18px 24px;background:white;border-bottom:1px solid var(--line);flex-direction:column;gap:17px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:54px 25px 26px;gap:12px}.hero h1{font-size:clamp(43px,12vw,58px);letter-spacing:-2.8px;margin-top:18px}.hero-copy{font-size:13px;line-height:1.8}.trust-row{font-size:9px;gap:10px}.hero-art{height:285px;width:100%;transform:scale(.9);margin-top:0}.front-card{left:7%;top:43px}.back-card{right:5%;top:32px}.badge-top{right:-2%;top:11px}.badge-bottom{left:-1%;bottom:15px}.tools-section{padding:54px 22px 58px}.section-heading{display:block}.section-heading h2{font-size:29px}.tool-count{margin-top:18px}.tool-grid{grid-template-columns:1fr;gap:15px}.tool-card{padding:22px}.tool-card-copy p{min-height:0}.why-section{padding:53px 24px;grid-template-columns:1fr;gap:30px}.why-heading h2{font-size:41px}.benefits{gap:22px}.site-footer{padding:22px;display:grid;grid-template-columns:1fr auto;gap:8px}.site-footer>p{grid-column:1;grid-row:2}.footer-right{grid-column:2;grid-row:1/3;flex-direction:column;align-items:flex-end;gap:12px}.coming-soon{padding:15px;gap:10px}.coming-label{display:none}.coming-soon b{font-size:11px}.coming-soon p{font-size:10px;line-height:1.5}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.ad-section{width:min(100% - 48px,1040px);margin:24px auto 30px;padding:14px 18px 18px;border:1px solid #e7edf0;border-radius:14px;background:#fff;min-height:130px;overflow:hidden}.ad-label{text-align:center;font-size:9px;letter-spacing:1.5px;color:#9aa6ac;font-weight:700;margin-bottom:10px}.ad-section ins.adsbygoogle{width:100%;min-height:90px}.ad-section-bottom{margin-top:10px;margin-bottom:34px}@media(max-width:650px){.ad-section{width:calc(100% - 32px);margin:18px auto 24px;padding:12px 10px;min-height:115px}.ad-section ins.adsbygoogle{min-height:90px}}
.mobile-nav{position:fixed;inset:68px 0 auto 0;background:rgba(255,255,255,.98);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:14px;padding:16px 22px;transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease;z-index:19}
.mobile-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}
.mobile-nav a{color:#52616c;text-decoration:none;font-weight:600;font-size:14px}
.mobile-nav a:hover{color:var(--teal)}
.why-sub{color:#788791;margin:10px 0 0;font-size:13px}
.site-footer{flex-direction:column;align-items:stretch;gap:26px;padding:32px max(5.6vw,24px)}
.footer-top{display:flex;flex-direction:column;gap:10px}
.footer-links{display:flex;flex-wrap:wrap;gap:40px}
.footer-links h4{margin:0 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:1.6px;color:#8a9aa2}
.footer-links ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer-links a{color:#52616c;text-decoration:none;font-size:13px;font-weight:600}
.footer-links a:hover{color:var(--teal)}
.footer-bottom{border-top:1px solid #e8edef;padding-top:16px;font-size:11px;color:#96a2a8}
@media(max-width:650px){.footer-links{gap:24px}.mobile-nav{inset:67px 0 auto 0}}