:root{--blue:#2563ff;--blue-bright:#1f7aff;--violet:#7c4dff;--violet-soft:#9b64ff;--navy:#0b1530;--navy-2:#14203b;--muted:#66748f;--bg:#f7f9ff;--line:#e5e9f3;--white:#fff;--success:#10b981;--shadow:0 24px 70px #2563ff21;--soft-shadow:0 14px 34px #0f172a12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--navy);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1180px,100% - 40px);margin:0 auto}.header{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid #e5e9f3db;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:24px;height:74px;display:flex}.brand{letter-spacing:-.75px;align-items:center;gap:11px;font-size:26px;font-weight:850;display:inline-flex}.brandMark{background:linear-gradient(145deg,#f9fbff,#f0f3ff);border:1px solid #e5eaff;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 9px 24px #2563ff26}.brandMarkSvg{width:34px;height:34px;display:block}.brandWord{color:var(--navy)}.footer .brandWord{color:#fff}.footer .brandMark{box-shadow:none;background:#ffffff14;border-color:#ffffff1f}.navLinks{align-items:center;gap:30px;font-size:14px;font-weight:650;display:flex}.navLinks a{transition:color .18s;position:relative}.navLinks a:hover{color:var(--blue)}.navLinks a:after{content:"";background:linear-gradient(90deg, var(--blue), var(--violet));border-radius:3px;height:2px;transition:left .18s,right .18s;position:absolute;bottom:-10px;left:50%;right:50%}.navLinks a:hover:after{left:0;right:0}.navActions{align-items:center;gap:13px;display:flex}.lang{color:var(--muted);font-size:14px}.button{cursor:pointer;background:linear-gradient(135deg, var(--blue), var(--violet));color:#fff;border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:13px 19px;font-weight:780;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 11px 28px #2563ff33}.button:hover{filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 14px 32px #2563ff40}.button.ghost{color:var(--blue);box-shadow:none;background:#fff;border:1px solid #d9e2ff}.button.ghost:hover{background:#f9fbff;box-shadow:0 10px 24px #2563ff14}.hero{background:linear-gradient(#fff 0%,#fbfcff 58%,#f8faff 100%);padding:88px 0 78px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c4dff29,#7c4dff00 66%);border-radius:50%;width:780px;height:780px;position:absolute;top:-360px;right:-260px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#1f7aff17,#1f7aff00 70%);border-radius:50%;width:560px;height:560px;position:absolute;bottom:-420px;left:-360px}.heroGlow{filter:blur(4px);pointer-events:none;border-radius:50%;position:absolute}.heroGlowOne{background:#2563ff0f;width:260px;height:260px;top:18%;right:26%}.heroGlowTwo{background:#8b45f512;width:220px;height:220px;bottom:9%;right:9%}.heroGrid{z-index:2;grid-template-columns:1.04fr .96fr;align-items:center;gap:72px;display:grid;position:relative}.heroCopy{padding:10px 0}.eyebrow{color:var(--blue);background:linear-gradient(90deg,#eef5ff,#f3efff);border:1px solid #e2e9ff;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:790;display:inline-flex}.eyebrowSpark{color:var(--violet);font-size:14px}.hero h1{letter-spacing:-3.5px;max-width:700px;margin:20px 0;font-size:clamp(50px,5.9vw,76px);line-height:.98}.hero h1 span{background:linear-gradient(100deg,#1f6fff 8%,#5d59ff 55%,#8c46f4 94%);color:#0000;-webkit-background-clip:text}.hero p{color:var(--muted);max-width:640px;margin:0;font-size:18px;line-height:1.72}.heroActions{gap:12px;margin-top:30px;display:flex}.trustRow{color:#4c5b76;flex-wrap:wrap;gap:18px;margin-top:29px;font-size:13px;display:flex}.trustItem{align-items:center;gap:7px;display:flex}.trustIcon{width:18px;height:18px;color:var(--success);background:#e9fbf4;border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.heroVisual{place-items:center;min-height:470px;display:grid;position:relative}.uploadCard{z-index:2;background:#ffffffeb;border:1px solid #e2e7fa;border-radius:30px;width:min(100%,500px);padding:24px;position:relative;box-shadow:0 35px 80px #26418226,0 8px 26px #7c4dff0f}.uploadInner{text-align:center;background:radial-gradient(circle at 50% 0,#2563ff0d,#0000 36%),linear-gradient(#fff,#fbfcff);border:1.5px dashed #b9c8ff;border-radius:23px;place-items:center;min-height:340px;padding:35px;display:grid}.uploadIcon{width:65px;height:65px;color:var(--blue);background:linear-gradient(145deg,#edf4ff,#f4efff);border-radius:20px;place-items:center;margin:0 auto 15px;display:grid;box-shadow:inset 0 0 0 1px #e7ecff}.uploadIcon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:31px;height:31px}.uploadKicker{color:#7888a5;letter-spacing:1.5px;margin-bottom:10px;font-size:10px;font-weight:850;display:block}.uploadInner h3{letter-spacing:-.45px;margin:0 0 8px;font-size:22px}.uploadInner p{max-width:290px;color:var(--muted);margin:0 auto 21px;font-size:14px;line-height:1.55}.uploadButton{min-width:170px}.small{color:#8b98b0;justify-content:center;align-items:center;gap:7px;margin-top:15px;font-size:11px;display:flex}.privacyDot{background:var(--success);border-radius:50%;width:7px;height:7px}.formatChip{z-index:4;color:#fff;letter-spacing:.2px;border:4px solid #fff;border-radius:16px;place-items:center;min-width:56px;height:56px;padding:0 10px;font-size:11px;font-weight:900;display:grid;position:absolute;transform:rotate(-6deg);box-shadow:0 14px 30px #0f172a24}.chipJpg{background:linear-gradient(145deg,#1f7aff,#5263ff);top:35px;right:22px}.chipPng{background:linear-gradient(145deg,#11b9a6,#39d6a0);top:104px;left:10px;transform:rotate(6deg)}.chipWebp{background:linear-gradient(145deg,#7548f6,#a84cf2);bottom:64px;right:14px;transform:rotate(7deg)}.heroMiniCard{z-index:3;min-width:145px;box-shadow:var(--soft-shadow);background:#fffffff0;border:1px solid #e7eafb;border-radius:15px;align-items:center;gap:10px;padding:11px 14px;display:flex;position:absolute}.heroMiniCard b{font-size:12px;display:block}.heroMiniCard small{color:#8b98b0;margin-top:2px;font-size:10px;display:block}.miniIcon{width:31px;height:31px;color:var(--blue);background:#eef4ff;border-radius:10px;place-items:center;font-weight:900;display:grid}.miniCardTop{bottom:82px;left:-24px}.miniCardBottom{top:124px;right:-12px}.brandStrip{z-index:4;background:#fffffff5;border-top:1px solid #edf0f7;border-bottom:1px solid #edf0f7;position:relative}.brandStripGrid{grid-template-columns:repeat(4,1fr);display:grid}.brandStripGrid>div{border-right:1px solid #edf0f7;grid-template-rows:auto auto;grid-template-columns:32px 1fr;align-content:center;column-gap:12px;min-height:104px;padding:22px 24px;display:grid}.brandStripGrid>div:last-child{border-right:0}.brandStripGrid>div>span{width:32px;height:32px;color:var(--blue);background:#f0f4ff;border-radius:10px;grid-row:1/3;place-items:center;display:grid}.brandStripGrid b{font-size:13px}.brandStripGrid small{color:#8491a8;margin-top:4px;font-size:11px;line-height:1.4}.section{padding:88px 0}.section.soft{background:var(--bg)}.toolsSection{background:linear-gradient(#fff 0% 82%,#fbfcff 100%)}.sectionTitle{text-align:center;max-width:790px;margin:0 auto 38px}.sectionKicker{color:var(--blue);letter-spacing:1.6px;margin-bottom:10px;font-size:11px;font-weight:850;display:block}.sectionTitle h2{letter-spacing:-1.7px;margin:0 0 11px;font-size:39px}.sectionTitle p{color:var(--muted);margin:0;line-height:1.7}.grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.toolCard{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:174px;padding:21px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.toolCard:before{content:"";background:radial-gradient(circle,#2563ff12,#0000 70%);border-radius:50%;width:110px;height:110px;position:absolute;top:-52px;right:-45px}.toolCard:hover{border-color:#cad5ff;transform:translateY(-4px);box-shadow:0 17px 38px #0f172a14}.toolIcon{width:47px;height:47px;color:var(--blue);background:linear-gradient(145deg,#eef4ff,#f4f0ff);border:1px solid #e6eaff;border-radius:15px;place-items:center;font-size:12px;font-weight:900;display:grid}.toolCard h3{letter-spacing:-.25px;margin:15px 0 7px;font-size:17px}.toolCard p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.arrow{color:var(--blue);align-self:flex-end;font-size:21px;transition:transform .18s}.toolCard:hover .arrow{transform:translate(3px)}.sectionAction{justify-content:center;margin-top:30px;display:flex}.privacySection{background:linear-gradient(#f8faff,#f5f7ff)}.security{background:linear-gradient(135deg,#fff,#fafbff);border:1px solid #e2e7fa;border-radius:29px;grid-template-columns:.92fr 1.08fr;align-items:center;gap:56px;padding:48px;display:grid;box-shadow:0 22px 55px #0f172a0b}.securityVisual{background:radial-gradient(circle at 50% 42%,#2563ff21,#0000 35%),linear-gradient(145deg,#eef4ff,#f7f1ff);border-radius:24px;place-items:center;min-height:310px;display:grid;position:relative;overflow:hidden}.privacyOrbit{border:1px solid #485bff21;border-radius:50%;position:absolute}.orbitOne{width:250px;height:250px}.orbitTwo{width:190px;height:190px}.shield{z-index:2;clip-path:polygon(50% 0,90% 14%,86% 72%,50% 100%,14% 72%,10% 14%);color:#fff;background:linear-gradient(160deg,#2075ff,#7652fa);place-items:center;width:112px;height:132px;font-size:40px;display:grid;position:relative;box-shadow:0 20px 42px #2563ff3d}.shield:before{content:"";clip-path:inherit;background:linear-gradient(160deg,#ffffff26,#ffffff05);position:absolute;inset:8px}.shield span{z-index:1;position:relative}.securityBadge{z-index:3;box-shadow:var(--soft-shadow);color:#52617c;background:#fff;border:1px solid #e4e9fb;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:750;position:absolute}.badgeLocal{bottom:55px;left:40px}.badgePrivate{top:48px;right:34px}.securityCopy .statusPill{margin-bottom:15px}.security h3{letter-spacing:-1.2px;margin:0 0 13px;font-size:34px}.security p{color:var(--muted);margin:0;line-height:1.72}.checks{gap:12px;margin-top:23px;display:grid}.check{color:#334155;align-items:flex-start;gap:12px;font-size:14px;display:flex}.check>b{width:25px;height:25px;color:var(--success);background:#eafbf4;border-radius:50%;flex:0 0 25px;place-items:center;display:grid}.check span{display:grid}.check strong{color:#24304a;font-size:13px}.check small{color:#8a96aa;margin-top:3px;font-size:11px}.pageHero{background:var(--bg);border-bottom:1px solid var(--line);padding:66px 0 38px}.pageHero h1{letter-spacing:-1.6px;margin:0 0 12px;font-size:46px}.pageHero p{color:var(--muted);margin:0;line-height:1.7}.content{padding:48px 0 90px}.prose{max-width:820px}.prose h2{margin-top:34px}.prose p,.prose li{color:#475569;line-height:1.8}.toolShell{max-width:880px;margin:0 auto}.toolPanel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 45px #0f172a0d}.statusPill{color:var(--blue);background:#eef4ff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.footer{color:#fff;background:#08142f;padding:62px 0 26px;position:relative;overflow:hidden}.footer:after{content:"";background:radial-gradient(circle,#5d59ff29,#0000 68%);border-radius:50%;width:420px;height:420px;position:absolute;top:-280px;right:-180px}.footerGrid{z-index:2;grid-template-columns:1.45fr repeat(3,1fr);gap:44px;display:grid;position:relative}.footer h4{letter-spacing:.2px;margin:0 0 15px;font-size:13px}.footer p,.footer a{color:#a8b3cc;font-size:14px;line-height:1.8}.footer p{max-width:300px}.footer a{margin:6px 0;transition:color .15s;display:block}.footer a:hover{color:#fff}.footerPromise{color:#d7dded;align-items:center;gap:7px;margin-top:7px;font-size:12px;display:inline-flex}.footerPromise span{color:#8f70ff}.footerBottom{z-index:2;color:#8290ad;border-top:1px solid #ffffff1a;justify-content:space-between;gap:20px;margin-top:40px;padding-top:23px;font-size:13px;display:flex;position:relative}.footerDomain{color:#a8b3cc}@media (max-width:1050px){.heroGrid{gap:42px}.miniCardTop{left:-4px}.miniCardBottom{right:0}}@media (max-width:900px){.heroGrid,.security{grid-template-columns:1fr}.heroCopy{text-align:center}.hero p{margin-left:auto;margin-right:auto}.heroActions,.trustRow{justify-content:center}.heroVisual{width:min(100%,620px);margin:10px auto 0}.grid{grid-template-columns:repeat(2,1fr)}.navLinks{display:none}.hero{padding-top:58px}.hero h1{letter-spacing:-2.5px}.brandStripGrid{grid-template-columns:1fr 1fr}.brandStripGrid>div:nth-child(2){border-right:0}.brandStripGrid>div:nth-child(-n+2){border-bottom:1px solid #edf0f7}.security{gap:30px;padding:34px}.footerGrid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.container{width:min(100% - 28px,1180px)}.nav{height:66px}.brand{gap:9px;font-size:22px}.brandMark{border-radius:11px;width:37px;height:37px}.brandMarkSvg{width:30px;height:30px}.lang{display:none}.navActions .button{padding:11px 13px;font-size:12px}.hero{padding:52px 0 54px}.hero h1{letter-spacing:-2px;font-size:46px}.hero p{font-size:16px}.heroActions{flex-direction:column}.heroActions .button{width:100%}.trustRow{gap:10px 14px}.heroVisual{min-height:415px}.uploadCard{border-radius:24px;padding:16px}.uploadInner{min-height:310px;padding:25px 18px}.formatChip{border-radius:14px;width:48px;min-width:48px;height:48px;font-size:9px}.chipJpg{right:-3px}.chipPng{top:92px;left:-4px}.chipWebp{bottom:49px;right:-4px}.heroMiniCard{display:none}.brandStripGrid{grid-template-columns:1fr}.brandStripGrid>div{border-bottom:1px solid #edf0f7;border-right:0}.brandStripGrid>div:last-child{border-bottom:0}.section{padding:66px 0}.sectionTitle h2{font-size:31px}.grid{grid-template-columns:1fr}.security{border-radius:23px;padding:20px}.securityVisual{min-height:240px}.security h3{font-size:29px}.footerGrid{grid-template-columns:1fr}.footerBottom{flex-direction:column}}.converter{gap:18px;display:grid}.converterDrop{text-align:center;cursor:pointer;background:linear-gradient(#fff,#fbfcff);border:1.5px dashed #b9c8ff;border-radius:22px;place-items:center;min-height:330px;padding:38px;transition:all .2s;display:grid}.converterDrop:hover,.converterDrop.isDragging{border-color:var(--blue);background:#f7f9ff;box-shadow:inset 0 0 0 3px #2563ff0a}.converterDrop h3{margin:0 0 7px;font-size:22px}.converterDrop p{color:var(--muted);margin:0 0 20px}.fileInput{display:none}.converterWorkspace{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:28px;display:grid}.converterPreview{background:linear-gradient(145deg,#f4f7ff,#fbf8ff);border:1px solid #e6eaff;border-radius:20px;place-items:center;min-height:360px;padding:20px;display:grid;overflow:hidden}.converterPreview img{object-fit:contain;border-radius:12px;max-width:100%;max-height:420px;box-shadow:0 12px 32px #0f172a1f}.converterControls{flex-direction:column;justify-content:center;padding:8px 4px;display:flex}.converterControls h3{letter-spacing:-.7px;margin:14px 0 18px;font-size:27px}.fileMeta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#475569;justify-content:space-between;gap:14px;padding:14px 0;font-size:13px;display:flex}.fileMeta strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qualityControl{gap:10px;margin:22px 0 8px;display:grid}.qualityControl>span{justify-content:space-between;align-items:center;font-size:13px;display:flex}.qualityControl input[type=range]{width:100%;accent-color:var(--blue)}.converterButtons{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.button:disabled{opacity:.6;cursor:wait}.conversionResult{background:#f0fdf7;border:1px solid #bbf7d0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:16px;display:flex}.conversionResult>div{align-items:center;gap:12px;display:flex}.conversionResult small{color:#64748b;margin-top:3px;display:block}.resultCheck{background:var(--success);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.converterError{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;padding:13px 15px;font-size:13px}.localNote{color:#64748b;text-align:center;margin:0;font-size:12px}@media (max-width:760px){.converterWorkspace{grid-template-columns:1fr}.converterPreview{min-height:260px}.conversionResult{flex-direction:column;align-items:stretch}.conversionResult .button{text-align:center}}