*{box-sizing:border-box;margin:0}body{background:#f7f8fb;color:#1f2933;font-family:-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:880px;margin:0 auto;padding:24px 20px 64px;min-height:70vh}.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e4e7eb;flex-wrap:wrap;gap:8px}.nav .logo{font-weight:700;font-size:18px;color:#1f2933}.nav .logo,.nav a{text-decoration:none}.nav a{margin-left:20px;color:#52606d;font-size:15px}.nav a.cta{background:#2e6be6;color:#fff;padding:8px 18px;border-radius:999px}.hero{text-align:center;padding:48px 0 32px}.hero h1{font-size:40px;line-height:1.2}.hero p{color:#52606d;margin-top:16px;font-size:18px}.tool{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 24px rgba(31,41,51,.07);text-align:center}.upload-zone{border:2px dashed #c4cdd5;border-radius:12px;padding:48px 16px;cursor:pointer;color:#52606d}.upload-zone:hover{border-color:#2e6be6}.btn{display:inline-block;margin-top:20px;background:#2e6be6;color:#fff;border:none;padding:14px 40px;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none}.btn:disabled{background:#9aa5b1}.compare{display:flex;gap:16px;margin-top:24px}.compare figure{flex:1 1}.compare img{width:100%;border-radius:12px}.compare figcaption{text-align:center;color:#52606d;font-size:13px;margin-top:6px}article.intro{line-height:1.8;color:#3e4c59}.faq,article.intro{margin-top:48px}.faq details{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:12px}.faq summary{font-weight:600;cursor:pointer}.faq p{margin-top:12px;color:#52606d;line-height:1.7}.footer{text-align:center;font-size:13px;padding:40px 20px;border-top:1px solid #e4e7eb}.footer,.footer a{color:#9aa5b1}