@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172126;--muted:#6f7b80;--line:#e8eceb;--paper:#fff;--soft:#f6f8f7;--green:#d9f86a;--dark:#172126;--purple:#7b69ef;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;padding:0 28px;margin:auto;border-bottom:1px solid #f0f2f1}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.8px}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--green);display:grid;place-items:center;font-weight:800;font-size:20px}.brand-dot{color:#7c68ed}.top-nav{display:flex;gap:34px;color:#657176;font-size:13px;font-weight:600}.top-nav a:hover,.site-footer nav a:hover{color:#6350db}.header-cta{background:var(--ink);color:#fff;padding:11px 17px;border-radius:11px;font-size:12px;font-weight:700}.header-cta span{color:var(--green);padding-left:8px}.hero{max-width:1200px;padding:76px 28px 64px;margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center;min-height:550px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#77837f;display:flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;background:#91bd1f;border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-2.6px;line-height:1.1}h1{font-size:clamp(44px,5vw,68px);margin:22px 0 21px;font-weight:800}.gradient-text{background:linear-gradient(100deg,#6e5ee7 0%,#a08af7 48%,#6bb5a3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:16px;line-height:1.8;color:#6c777b;max-width:470px;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:19px;border-radius:11px;padding:14px 18px;font-size:13px;font-weight:700}.button-primary{background:var(--ink);color:#fff}.button-primary span{color:var(--green);font-size:18px}.privacy-note{font-size:11px;color:#738078}.shield{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#edf8cf;color:#506a12;font-weight:800;margin-right:5px}.hero-stats{display:flex;gap:38px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);max-width:420px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.8px}.hero-stats span{font-size:11px;color:#89928e}.hero-visual{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#e7e1ff 0%,#f3f1ff 45%,rgba(255,255,255,0) 72%);right:5%;top:1%}.image-window{position:relative;width:min(390px,90%);padding:12px;background:#fff;border:1px solid #edf0ee;border-radius:17px;box-shadow:0 25px 70px #313b4216;transform:rotate(-3deg);z-index:1}.window-top{height:26px;display:flex;align-items:center;gap:5px;padding:0 4px 10px}.window-top i{width:6px;height:6px;border-radius:50%;background:#dfe4e1}.window-top span{font-size:9px;color:#9aa29e;margin-left:8px}.landscape{height:218px;position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#d9e9e9,#f0e8ff 58%,#d8e8d9)}.sun{position:absolute;width:43px;height:43px;border-radius:50%;background:#ffdb94;right:19%;top:18%}.mountain{position:absolute;bottom:20px;width:0;height:0;border-left:150px solid transparent;border-right:150px solid transparent}.mountain-back{left:1%;border-bottom:148px solid #a7a7d9}.mountain-front{left:28%;border-bottom:119px solid #667c9c}.lake{position:absolute;bottom:0;width:100%;height:64px;background:linear-gradient(170deg,#9cc6c6,#c5dedd);clip-path:polygon(0 25%,35% 0,100% 35%,100% 100%,0 100%)}.image-caption{display:flex;align-items:center;justify-content:space-between;padding:14px 5px 3px}.image-caption span:first-child{display:flex;flex-direction:column}.image-caption b{font-size:11px}.image-caption small{font-size:9px;color:#89938f}.file-badge{background:#eaf7c7;border-radius:6px;color:#526c16;font-size:9px;font-weight:800;padding:5px 7px}.floating-tag{position:absolute;background:#fff;border:1px solid #f0f1f0;box-shadow:0 10px 30px #2222220d;border-radius:10px;padding:10px 13px;font-size:11px;font-weight:700;z-index:3}.tag-one{top:16%;left:1%;transform:rotate(-6deg)}.tag-two{right:1%;top:36%;transform:rotate(5deg)}.size-card{position:absolute;right:0;bottom:9%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid #edf0ee;border-radius:13px;box-shadow:0 12px 35px #22222212;z-index:4}.size-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#eaf7c7;font-size:19px}.size-card span:nth-child(2){display:flex;flex-direction:column}.size-card small{font-size:9px;color:#8a938f}.size-card b{font-size:14px;color:#5b7814}.mini-bars{display:flex;align-items:end;gap:3px;height:27px;margin-left:6px}.mini-bars i{display:block;width:4px;background:#a2c94d;border-radius:4px}.mini-bars i:nth-child(1){height:9px}.mini-bars i:nth-child(2){height:14px}.mini-bars i:nth-child(3){height:18px}.mini-bars i:nth-child(4){height:22px}.mini-bars i:nth-child(5){height:26px}.trust-strip{border-top:1px solid #f0f2f1;border-bottom:1px solid #f0f2f1;min-height:70px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;padding:16px 28px;margin:auto}.trust-strip>span{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#9ba39f}.trust-strip div{display:flex;gap:30px;color:#727e79;font-size:11px}.section{max-width:1200px;margin:auto;padding:100px 28px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.section-heading h2,.content-copy h2{font-size:42px;margin:15px 0 0}.muted-heading{color:#a3aca8}.section-heading>p{max-width:350px;color:#7b8581;font-size:13px;line-height:1.8;margin:0 0 3px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:22px 20px 18px;min-height:210px;transition:transform .2s,box-shadow .2s,border-color .2s;background:#fff}.tool-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #1a25210d;border-color:#dce4d9}.tool-card.featured{background:#fbfcf7}.tool-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;font-size:22px;font-weight:700}.coral{background:#ffe9e2;color:#d46f53}.violet{background:#eeeaff;color:#7867df}.blue{background:#e3f2ff;color:#498fc1}.green{background:#e8f7d8;color:#5f8d32}.yellow{background:#fff3d4;color:#b68a25}.pink{background:#ffe8f0;color:#c36b91}.tool-arrow{position:absolute;right:20px;top:25px;color:#9aa39e;font-size:18px}.tool-card h3{font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.3px;margin:20px 0 7px}.tool-card p{font-size:11px;line-height:1.7;color:#7d8782;min-height:38px;margin-bottom:15px}.tool-meta{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.7px;color:#99a19d;font-weight:700}.tool-meta b{font-size:8px;color:#637e21;background:#eff8d9;padding:4px 6px;border-radius:4px;letter-spacing:0}.how-section{background:#f7f9f7;padding:84px max(28px,calc((100% - 1144px)/2)) 95px}.centered{align-items:center}.centered>p{max-width:300px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.step{position:relative;padding:27px 25px 24px;background:#fff;border:1px solid #e9eeea;border-radius:16px;min-height:190px}.step-number{position:absolute;right:23px;top:24px;font-size:10px;font-weight:800;letter-spacing:1px;color:#a5aea8}.step-icon{width:42px;height:42px;display:grid;place-items:center;background:#eff8d8;border-radius:12px;font-size:21px;color:#647f1c}.step h3{font-family:Manrope,sans-serif;font-size:15px;margin:20px 0 7px}.step p{font-size:12px;color:#7b8581;max-width:240px;margin:0;line-height:1.7}.privacy-banner{max-width:1144px;margin:80px auto;padding:26px 30px;display:flex;align-items:center;gap:20px;background:#f4f8e9;border:1px solid #e7efd4;border-radius:18px}.privacy-symbol{width:45px;height:45px;flex-shrink:0;display:grid;place-items:center;background:#e0f0b8;color:#54721b;border-radius:14px;font-size:23px;font-weight:800}.privacy-banner h2{font-size:19px;letter-spacing:-.5px;margin:0 0 5px}.privacy-banner p{font-size:12px;color:#6e7a67;margin:0;max-width:660px}.privacy-pill{margin-left:auto;white-space:nowrap;font-size:9px;letter-spacing:1px;font-weight:800;color:#637b2b;border:1px solid #d8e7b8;border-radius:30px;padding:8px 11px}.content-section{max-width:1144px;margin:0 auto;padding:10px 0 95px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.content-copy h2{margin:15px 0 17px}.content-copy p{font-size:13px;color:#75807b;line-height:1.9;max-width:450px}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:12px;font-weight:800;margin-top:6px}.text-link span{font-size:18px;color:#7765e4}.format-cards{display:flex;flex-direction:column;gap:10px}.format-cards>div{display:flex;align-items:center;gap:15px;border:1px solid var(--line);padding:14px 16px;border-radius:13px}.format-cards>div>b{width:49px;height:42px;display:grid;place-items:center;border-radius:9px;font-size:10px}.format-jpg{background:#fff0e8;color:#c77b47}.format-png{background:#e9f3ff;color:#4d8fc6}.format-webp{background:#eaf7d9;color:#668b2d}.format-cards span:nth-child(2){display:flex;flex-direction:column;gap:1px}.format-cards strong{font-size:12px}.format-cards small{font-size:10px;color:#8a938f}.format-arrow{margin-left:auto;color:#9aa39e}.site-footer{border-top:1px solid #edf0ee;max-width:1200px;margin:auto;padding:32px 28px 28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.site-footer .brand{font-size:18px}.site-footer .brand-mark{width:29px;height:29px;font-size:17px;border-radius:9px}.site-footer p{grid-column:1;font-size:11px;color:#89938e;margin:0}.site-footer nav{grid-column:2;grid-row:1/3;display:flex;gap:22px;align-items:center;justify-content:flex-end;font-size:11px;color:#707b76}.site-footer>small{grid-column:1/-1;font-size:10px;color:#a0a8a4;margin-top:13px;padding-top:17px;border-top:1px solid #f0f2f1}
@media(max-width:900px){.hero{gap:15px;padding-top:58px}.hero-visual{min-height:330px}.tool-grid{grid-template-columns:repeat(2,1fr)}.content-section{padding:10px 28px 75px;gap:35px}.privacy-banner{margin:60px 28px}.section-heading h2,.content-copy h2{font-size:36px}.trust-strip div{gap:14px}}
@media(max-width:620px){.site-header{height:68px;padding:0 18px}.top-nav{display:none}.header-cta{padding:9px 12px}.brand{font-size:19px}.hero{grid-template-columns:1fr;padding:55px 22px 35px;gap:5px}.hero h1{font-size:49px}.hero-lead{font-size:14px}.hero-stats{margin-top:33px;gap:27px}.hero-visual{min-height:330px;margin-top:15px}.image-window{width:85%}.landscape{height:190px}.floating-tag.tag-one{left:0}.floating-tag.tag-two{right:0}.size-card{right:-3px;bottom:2%}.trust-strip{padding:18px 22px;align-items:flex-start;flex-direction:column;gap:12px}.trust-strip div{flex-wrap:wrap;gap:12px 18px}.section{padding:70px 22px}.section-heading{display:block}.section-heading h2,.content-copy h2{font-size:34px}.section-heading>p{margin-top:17px}.tool-grid{grid-template-columns:1fr 1fr;gap:10px}.tool-card{padding:16px 14px;min-height:215px}.tool-card h3{font-size:13px;margin-top:16px}.tool-card p{font-size:10px;min-height:52px}.tool-arrow{right:13px;top:18px}.tool-meta{font-size:7px;letter-spacing:.2px}.tool-meta b{display:none}.how-section{padding:65px 22px}.steps-grid{grid-template-columns:1fr;gap:10px}.step{min-height:155px}.privacy-banner{margin:45px 22px;padding:20px;align-items:flex-start;flex-wrap:wrap;gap:14px}.privacy-banner>div:nth-child(2){flex:1;min-width:180px}.privacy-banner p{font-size:11px}.privacy-pill{margin-left:59px}.content-section{grid-template-columns:1fr;padding:10px 22px 65px;gap:30px}.site-footer{padding:28px 22px;grid-template-columns:1fr}.site-footer nav{grid-column:1;grid-row:auto;justify-content:flex-start;flex-wrap:wrap;gap:14px}.site-footer>small{grid-column:1}.site-footer p{grid-column:1}.section-heading.centered{display:block}}