:root{--ink:#1d1d1f;--muted:#6e6e73;--paper:#f5f5f7;--line:#d2d2d7;--brand:#0071e3;--brand-dark:#0077ed;--accent:#34c759;--navy:#000;--shadow:0 20px 60px rgba(0,0,0,.08);--radius:28px}
body{color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Helvetica Neue",Arial,sans-serif;background:#fff;letter-spacing:-.01em}
.topbar{background:#f5f5f7;color:#515154}.topbar .wrap{padding:7px 0}.nav-shell{background:rgba(250,250,252,.82);border-color:rgba(0,0,0,.08);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.nav{height:58px}.brand{font-size:17px;letter-spacing:-.02em}.links{font-size:13px;color:#424245;gap:22px}.links a:hover,.links a.active{color:#000}.button{border-radius:999px;background:#0071e3;padding:10px 18px;box-shadow:none;font-weight:600}.button:hover{background:#0077ed;transform:none}.button.light{color:#06c;border-color:#d2d2d7;background:#fff}.button.light:hover{background:#f5f5f7}.eyebrow{background:transparent;color:#bf4800;padding:0;border-radius:0;font-size:15px}.section{padding:104px 0}.section.tint{background:#f5f5f7}.section-head h2{font-size:clamp(34px,4.5vw,52px);line-height:1.08;letter-spacing:-.045em}.section-head p{font-size:19px;line-height:1.5}.card{border:0;border-radius:28px;padding:32px;box-shadow:none}.tint .card{background:#fff}.icon{border-radius:14px;background:#e8f2ff;color:#0071e3}.tag{background:#e8f2ff;color:#0066cc}.footer{background:#f5f5f7;color:#6e6e73}.footer h3{color:#1d1d1f}.footer p,.footer a{color:#6e6e73}.footer a:hover{color:#1d1d1f}.footer-bottom{border-color:#d2d2d7;color:#86868b}.cta{background:#000;border-radius:34px}.page-hero{background:#f5f5f7}.callout{background:#f5f5f7;border-color:#d2d2d7;color:#1d1d1f}.table-wrap{border-color:#d2d2d7;border-radius:22px}.comparison th{background:#f5f5f7}
.tool-hero{padding:72px 0 54px;background:linear-gradient(180deg,#f5f5f7 0,#fff 70%)}.tool-intro{max-width:940px;margin-bottom:42px}.tool-intro h1{font-size:clamp(46px,6vw,76px);line-height:1.02;letter-spacing:-.06em;margin:18px 0}.tool-intro h1 em{color:#1d1d1f}.tool-intro p{max-width:840px;color:#6e6e73;font-size:21px;line-height:1.48}.trust-row{color:#515154;gap:10px;margin-top:24px}.trust-row span{background:#fff;border:1px solid #d2d2d7;border-radius:999px;padding:7px 12px}.trust-row span:before{content:none}.converter-shell{border:0;border-radius:30px;box-shadow:0 24px 80px rgba(0,0,0,.12)}.converter-toolbar,.converter-bottom,.pane-heading{background:#fbfbfd;border-color:#e5e5e7}.format-option{border:0;border-radius:999px;background:#e8e8ed}.format-option.active{background:#1d1d1f;color:#fff}.tool-action{border-radius:999px}.tool-action:hover{background:#e8e8ed;color:#1d1d1f}.preview blockquote{border-color:#0071e3;background:#f5f5f7}.preview pre{background:#1d1d1f;border-radius:16px}.result-card{border:0;border-radius:18px}.modal-card{border-radius:28px}.support-item{border:0;border-radius:24px;padding:26px;background:#f5f5f7}.support-item b{font-size:18px;color:#1d1d1f}.support-item span{color:#6e6e73}
@media(max-width:820px){.nav{height:54px}.links.open{top:54px;background:rgba(250,250,252,.98)}.section{padding:72px 0}.tool-intro h1{font-size:46px}.tool-intro p{font-size:18px}}